/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현
* @ 작성일     : 2022-7-13
************************** 수정이력 **************************************
* 날짜                     작업자                 변경내용
* 2022-07-13              한주현                 최초작성
**************************************************************************/
@charset "utf-8";

* {box-sizing: border-box;}
html{font-size:100px;height: 100%;}
body{height: 100%}
body.on{overflow: hidden;}
.sp-ico{background:url(../images/@draft/sp_ico.png) no-repeat;background-size: 5rem;}
#wrap{height: 100%;}
.nodata{padding:50px 0;text-align: center;}
.nodata p{font-weight: 400;font-size: 16px;color:#999;}
/* color style */

/* dl style */
.dl-style1{}
.dl-style1 dt{clear:left;float:left;}
.dl-style1 dd{width:100%;}
.dl-style1 dd:after {content: "";display: table;clear: both;}
.dl-style1 input[type="text"] {position:relative;display:inline-block; border: solid 1px #ddd;background-color: #fff;line-height: 52px;font-size: 18px;color:#222;padding:0 30px;cursor: pointer;}

/* text align */
.txt-left{text-align: left !important}
.txt-center{text-align: center!important}
.txt-right{text-align: right !important}

.tab{display:flex;}
.tab .button{flex:1;display:inline-block;text-align: center;line-height:62px;height:64px;border:1px solid #ddd;background:#f7f7f7;font-size: 18px;font-weight: normal;}
.tab .button br{display: none;}
.tab .button:hover{border-color:#333;}
.tab .button.active{border-color:#333;background:#333;color:#fff;}


#paging{font-size:0;text-align: center;margin-top:73px;}
#paging a{margin:0 4px;display:inline-block;vertical-align: middle;width:30px;height:30px;line-height: 30px;text-align: center;background:#fff;border:1px solid #ddd; font-size: 14px;font-weight: normal;}
#paging a.active{border-color:#333;background:#333;color:#fff;}
#paging a:hover{border-color:#333;}
#paging .prev,
#paging .next{background:url(../images/icon/arrow-btn-next.svg) 50% 50%;background-size: 18px 18px;}
#paging .prev{background:url(../images/icon/arrow-btn-prev.svg) 50% 50%;background-size: 18px 18px;}
#paging .prev:hover,
#paging .next:hover{border-color:#ddd;}

.filebox{display:flex;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {margin-left:30px;display: inline-block;vertical-align: middle;cursor: pointer;width:126px;height:64px;line-height:64px;background:#333;text-align: center;color:#fff;font-size: 18px;font-weight: normal;}
.filebox .upload-name {width: 100%;max-width: calc(100% - 156px);height: 64px;border: 1px solid #ddd;padding: 0 24px;font-size: 16px;font-weight: normal;background:#fff;color:rgba(34,34,34,0.4);}


/* checkbox style */
.checkbox-type1{position:relative;display:inline-block;font-size:0;}
.checkbox-type1 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type1 label{position:relative;display:inline-block;padding-left:40px;font-size: 16px;font-weight: normal;cursor:pointer;}
.checkbox-type1 label:before{content:"";display:inline-block;width:24px;height:24px;border:1px solid #e3e3e3;border-radius: 100%;position:absolute;top:-2px;left:0;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: -1px;left: 8px;width: 8px;height: 15px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type="checkbox"]:checked + label:before{border-color:#ffca0e;background:#ffca0e;}
.checkbox-type1 input[type="checkbox"]:checked + label:after{display:inline-block;}

/* s::20221117 */
.checkbox-type2{position:relative;display:inline-block;font-size:0;}
.checkbox-type2 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type2 label{position:relative;display:inline-block; border: solid 1px #ddd;background-color: #fff;line-height: 52px;font-size: 18px;color:#222;padding:0 30px;cursor: pointer;}
.checkbox-type2 input[type="checkbox"]:checked + label{background-color: #333;border-color:#333;color:#fff;}
/* e::20221117 */

/* radio style */
.radio-type1{position:relative;display:inline-block;font-size:0;}
.radio-type1 input[type="radio"]{position:absolute;opacity:0;}
.radio-type1 label{position:relative;display:inline-block;padding-left:40px;font-size: 16px;font-weight: normal;cursor:pointer;}
.radio-type1 label:before{content:"";display:inline-block;width:24px;height:24px;border:1px solid #e3e3e3;border-radius: 100%;position:absolute;left:0;top:-1px}
.radio-type1 label:after{content:"";position:absolute;left:6px;top:5px;display:none;width:14px;height:14px;border-radius: 100%;background:#ffca0e}
.radio-type1 input[type="radio"]:checked + label:before{border-color:#ffca0e;}
.radio-type1 input[type="radio"]:checked + label:after{display:inline-block;}

/* 상단 */

/* quick */
.quick-sns{position:fixed;right:0;bottom:0;width:64px;z-index:10;}
.quick-sns a{display:block;}
.quick-sns a img{display:block;width:100%;}
.quick-sns .quick {background:#ffca0e;font-size: 14px;color:#fff;font-weight: bold;padding: 12px 0;text-align: center;display:none;}
.quick-sns .opentalk {background:#ffde00;height: 64px;text-align: center;padding: 0px;}

.quick-menu{font-size:0;position:fixed;right:0;top:50%;transform: translateY(-50%);}
.quick-menu a{overflow:hidden;position:absolute;right:0;display:block;width:80px;height:65px;}
.quick-menu .quick{background:#ffca0e;top:0;font-size: 14px;color:#fff;font-weight: bold;}
.quick-menu .quick span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align: center;}
.quick-menu .opentalk{background:#333;top:65px;}
.quick-menu .opentalk i{position:absolute;top:50%;left:22px;transform:translateY(-50%);width:36px;height:36px;}


/* 댓글 */
.reply{}
.reply .reply-total{font-size: 20px;font-weight: bold;}
.reply .reply-total em{display:inline-block;color:#d22459;font-weight: normal;}
.reply .input-wrap{margin-top:41px;position:relative;}
.reply .input-wrap input[type="text"]{width:100%;height:64px;border:1px solid #ddd;padding:0 120px 0 22px;font-size: 16px;font-weight: normal;background:#fff;}
.reply .input-wrap button{position:absolute;right:0;top:0;display:inline-block;width:96px;height:64px;text-align: center;background:#333;color:#fff;font-size: 18px;font-weight: normal;}
.reply .reply-list{margin-top:40px;background:#fff;padding:24px 32px 0;position:relative;}
.reply .reply-list + .reply-list{margin-top:30px;}
.reply .reply-list .list-top{position:relative;display:flex;justify-content:space-between;align-items:center;}
.reply .reply-list .list-top .profile-box{display:flex;align-items: center;}
.reply .reply-list .list-top .profile-box figure{width:40px;}
.reply .reply-list .list-top .profile-box figure img{display: block;width:100%;}
.reply .reply-list .list-top .profile-box .txt-box{margin-left:16px;}
.reply .reply-list .list-top .profile-box .txt-box .name{font-size: 16px;font-weight: normal;}
.reply .reply-list .list-top .profile-box .txt-box .date{margin-top:2px;font-size: 14px;font-weight: normal;}
.reply .reply-list .list-top .button-group{display:flex;}
.reply .reply-list .list-top .button-group button{display:inline-block;width:56px;height:40px;text-align: center;border:1px solid #ddd;background:#fff;  font-size: 16px;font-weight: normal;}
.reply .reply-list .list-top .button-group button + button{margin-left:16px;}
.reply .reply-list .txt{margin-top:26px;font-size: 16px;font-weight: normal;line-height: 2;}
.reply .reply-list .bottom{margin-top:18px;text-align: right;}
.reply .reply-list .bottom button{display:inline-block;text-decoration:underline;font-size: 16px;font-weight: normal;margin-bottom:32px;}
.reply .reply-list .bottom .input-wrap{margin:0 -32px;display:none;}
.reply .reply-list .bottom .input-wrap.active{display:block;}
.reply .reply-list .inner-reply{}
.reply .reply-list .inner-reply ul{}
.reply .reply-list .inner-reply ul li{padding:24px 0 0;border-top:1px solid #ddd;}
.reply .reply-list .inner-reply ul li .list-top{padding-left:30px}
.reply .reply-list .inner-reply ul li .list-top:before{content:"";position:absolute;top:5px;left:0;display:inline-block;width:16px;height:16px;background:url(../images/icon/reply_icon.svg) no-repeat;background-size: cover;}
.reply .reply-list .inner-reply ul li .bottom .input-wrap{margin:0;}

.search-wrap{position:relative;border-bottom: 1px solid #ddd;}
.search-wrap .layout{display:flex;position:relative;}
.search-wrap select{height:65px;width:236px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding: 0 45px 0 22px; font-size: 16px;}
.search-wrap input[type="text"]{width:calc(100% - 236px);height:65px;background:#f7f7f7;  font-size: 18px;font-weight: normal;color:#222;padding:0 96px 0 24px;}
.search-wrap input[type="text"]::placeholder{color:#222;}
.search-wrap button{position:absolute;right:0;top:0;display:inline-block;;width:72px;height:65px;background: url(../images/icon/search-icon.svg) no-repeat;background-size: cover;font-size: 0;}

.search-wrap2{display:flex;position:relative;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:0 32px;}
.search-wrap2 input[type="text"]{width:calc(100% - 72px);height:65px;background:#f7f7f7;  font-size: 18px;font-weight: normal;color:#222;padding:0 96px 0 24px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.search-wrap2 input[type="text"]::placeholder{color:#222;}
.search-wrap2 button{display:inline-block;;width:72px;height:65px;background: url(../images/icon/search-icon.svg) no-repeat;background-size: cover;font-size: 0;}


.form-type1{}
.form-type1 dl{margin-top:12px;}
.form-type1 dl dt{padding:35px 0 0;width:125px;font-size: 16px;font-weight: 500;}
.form-type1 dl dd{padding:12px 0 12px 125px;}
.form-type1 dl dd.colspan{padding:12px 0 12px;}
.form-type1 dl dd select{border:1px solid #ddd;width:100%;height:64px;font-size: 16px;font-weight: normal;padding:0 40px 0 22px;}
.form-type1 dl dd select:disabled{color:rgba(34,34,34,0.4);background:#efefef url(../images/icon/down-detail-btn.svg) no-repeat; background-position: 95% 50%;}
.form-type1 dl dd .select-wrap select + select{margin-left:24px;}
.form-type1 dl dd .select-wrap{display:flex;}
.form-type1 dl dd .select-wrap select{flex:1;}
.form-type1 dl dd .select-wrap + select{margin-top:24px;}
.form-type1 dl dd .select-wrap2 select + select{margin-left:24px;}
.form-type1 dl dd .select-wrap2{display:flex;}
.form-type1 dl dd.select-wrap2 select{flex:1;}
.form-type1 dl dd .select-wrap2 + select{margin-top:24px;}
.form-type1 dl dd input[type="text"],
.form-type1 dl dd input[type="tel"],
.form-type1 dl dd input[type="password"]{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;}
.form-type1 dl dd input[type="text"]::placeholder,
.form-type1 dl dd input[type="tel"]::placeholder{color:rgba(34,34,34,0.4);}
.form-type1 dl dd input[type="text"].small,
.form-type1 dl dd input[type="tel"].small{max-width:70%;}
.form-type1 dl dd .radio-type1 + .radio-type1{margin-left:38px;}
.form-type1 dl dd .radio-type1 input[type="text"]{margin-left:16px;display:inline-block;width:300px;}
.form-type1 dl dd .textarea1{width:100%;height:64px;border:1px solid #ddd;padding:20px 24px;font-size: 16px;font-weight: normal;resize: none;}
.form-type1 dl dd .input-wrap{display: flex}
.form-type1 dl dd .input-wrap select{flex:1;}
.form-type1 dl dd .input-wrap input[type="text"]{flex:1;margin-left:24px;}
.form-type1 dl dd .radio-type1.block{display: block;margin-left:0;margin-top:24px;width:100%;}
.form-type1 dl dd .group-box{font-size:0;}
.form-type1 dl dd .group-box .radio-type1{width:25%;}
.form-type1 dl dd .group-box .radio-type1.block{width:100%;}
.form-type1 dl dd .group-box .radio-type1 + .radio-type1{margin-left:0;}

/* s::20221117 */
.no-search{margin-top:25px;background: #f7f7f7;text-align: center;padding:71px 0 91px;font-size:0;}
.no-search i{display: inline-block;}
.no-search i img{display:block;}
.no-search p{margin-top:25px;font-size: 16px;font-weight: normal;line-height: 0.94;text-align: center;color: #222;}
/* e::20221117 */

.table-type1 table{table-layout: fixed;border-top:2px solid #000;}
.table-type1 table thead tr th{text-align: center;padding:22px 10px;font-size: 16px;font-weight: bold;background:#f7f7f7;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.table-type1 table thead tr th:first-child{border-left:0;}
.table-type1 table tbody tr td{padding:22px 24px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align: center;font-size: 16px;font-weight: normal;}
.table-type1 table tbody tr td a{display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;max-width: calc(100% - 55px);}
.table-type1 table tbody tr td a:hover{text-decoration: underline;}
.table-type1 table tbody tr td em{vertical-align: middle;display:inline-block;color:#d22459;margin-left:5px;}
.table-type1 table tbody tr td.date{}
.table-type1 table tbody tr td:first-child{border-left:0;}
.table-type1 .button-box{margin-top:16px;text-align: right;font-size:0;}
.table-type1 .button-box .button{position:relative;display:inline-block;border:2px solid #333;line-height: 37px;text-align: center;  font-size: 16px;color:#222;font-weight: normal;width:133px;}
.table-type1 .button-box .button:before{content:"";display:inline-block;width:17px;height:17px;background:url(../images/icon/moreview3.svg) no-repeat;background-size: cover;margin-right:8px;position:relative;top:2px;}

header{position:fixed;top:0;left:0;width:100%;padding:25px 32px;background:#fff;z-index: 100;height:119px;}
header .button-back{display:inline-block;width:48px;height:48px;background:url(../images/icon/back-arrow.svg) no-repeat;background-size: cover;position: absolute;left: 32px;top: 38px;}
/* s::20221117 */
header .home{position: absolute;left: 110px;top: 32px;}
/* e::20221117 */
header .logo{display:inline-block;}
header .navi-icon{position:absolute;right:32px;top:33px;width:48px;height:48px;background:url(../images/icon/open-menu.svg) no-repeat;background-size: cover;font-size:0;}
header .navi-icon.open{background:url(../images/icon/close-menu.svg) no-repeat;background-size: cover;}
/* s::20221117 */
header .user{display:inline-block;font-size: 18px;font-weight: normal;color: #222;position: absolute;top: 43px;right: 120px;}
header .user strong{font-weight: bold;}
/* e::20221117 */

aside{display:none;position:fixed;top:119px;left:0;width:100%;background:#fff;height:calc(100% - 119px);z-index: 1000;}
aside .util-box{padding:42px 32px 40px;font-size:0;border-bottom:2px solid #333;}
aside .util-box .button{display: inline-block;text-align: center;width:140px;height: 56px;line-height: 56px;border: 1px solid #ddd;font-size: 20px;font-weight: normal;color: #444;}
aside .util-box .button + .button{margin-left:32px;}
aside dl{margin-top:32px;height: calc(100% - 173px);overflow-y: auto;}
aside dl dt{padding:31px 68px;font-size: 26px;font-weight: bold;color: #222;border-bottom:1px solid #ddd;}
aside dl dt.on{background:#ffd23d;}
aside dl dt a{display:block;font-size: 26px;font-weight: bold;color: #222;}
aside dl dd{display:none;border-bottom: 1px solid #ddd;padding:28px 68px;}
aside dl dd a{display:block;font-size: 22px;line-height: 2.91;color: #333;}

footer{padding:32px 34px 58px;text-align: center;border-top:1px solid #ddd;}
footer .footer-logo{display:inline-block;}
footer nav{margin-top:33px;font-size: 0;text-align: center;}
footer nav a{position:relative;display:inline-block;font-size: 20px;font-weight: bold;color: #000;}
footer nav a +a{margin-left:80px;}
footer nav a:before{content:"";position:absolute;top:6px;left:-40px;display:inline-block;width:1px;height:16px;background:#707070;}
footer nav a:first-child:before{display:none;}
footer address{margin-top:42px;font-size:0;display: flex;justify-content: center;}
footer address span{display:inline-block;font-size: 18px;color: #000;}
footer address span strong{font-weight:bold;}
footer address span + span{margin-left:40px;}
footer .copyright{margin-top:11px;font-size: 18px;font-weight: 500;color: #000;}

/* s::20221117 */
.moreview{position:relative;display: inline-block;padding-right:34px;font-size:20px;color: rgba(34, 34, 34, 0.6);}
.moreview:after{content:"";position:absolute;right:0;top:1px;display: inline-block;width: 24px;height: 24px;background: url(../images/icon/moreview.svg) no-repeat;background-size: cover;font-size: 0;}
/* e::20221117 */

#main{padding-top:119px;overflow-x: hidden;width: 100%;}
#main .main-hgroup{position:relative;}
#main .main-hgroup h3{ font-size: 36px;font-weight: bold;color: #222;}
#main .main-hgroup p{margin-top:29px;font-size: 20px;font-weight: normal;color: #222;}
/* s::20221117 */
#main .main-hgroup .moreview{position:absolute;top:13px;right:0;}
/* e::20221117 */

#main .main-visual{}
#main .main-visual .slick-slide{padding-top:111.11vw;position:relative;}
#main .main-visual .slick-slide > a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
#main .main-visual .slick-slide .txt-box{position:absolute;top:25%;left:0;width:100%;text-align: center;padding:0 34px;}
/* s::20221128 */
#main .main-visual .slick-slide .txt-box h3{position:relative;font-size: 40px;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
#main .main-visual .slick-slide .txt-box p:before{content: "";display: block;height: 1px;width: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: #fff;max-width: 488px;}
#main .main-visual .slick-slide .txt-box p{position:relative;margin-top:12px;padding-top:21px;font-size: 22px;font-weight: 500;text-align: center;color: #fff;display:inline-block;text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
#main .main-visual .slick-slide .txt-box.first-slide {top: 37vw;}
#main .main-visual .slick-slide .txt-box.first-slide h3 {position:relative;font-size: 50px;font-weight: bold;color:#fff;margin-bottom:41.5px;text-shadow: none;}
#main .main-visual .slick-slide .txt-box.first-slide p {display:inline-block;position:relative;padding-top:0px;margin-top:0px;margin-bottom:18.5px;font-size: 30px;color:#fff;text-shadow:none;}
#main .main-visual .slick-slide .txt-box.first-slide p:before{display:none;}
#main .main-visual .slick-slide .txt-box.second-slide {top:52vw;padding:0;display:flex;align-items: center;justify-content: center}
/* e::20221128 */
/* s::20221207 */
#main .visual-wrap{position:relative;}
#main .visual-wrap .slick-dots{font-size: 0;text-align: center;}
#main .visual-wrap .slick-dots li{display:inline-block;width:12px;height:12px;}
#main .visual-wrap .slick-dots li + li{margin-left:8px;}
#main .visual-wrap .slick-dots li button{display:block;width:100%;height:100%;background:#fff;border-radius: 100%;font-size:0;}
#main .visual-wrap .slick-dots li.slick-active{width:28px;}
#main .visual-wrap .slick-dots li.slick-active button{background:#ffca0e;border-radius: 20px;}
#main .visual-wrap .target-arrows{position:absolute;bottom:5%;width:100%;z-index: 10;text-align: center;display: flex;align-items:center;justify-content: center;}
#main .visual-wrap .target-arrows .play{margin-left:16px;display:none;width:12px;height:12px;background: url(../images/icon/play-btn.svg) no-repeat;background-size: cover;font-size:0;}
#main .visual-wrap .target-arrows .play.active{display: inline-block;}
#main .visual-wrap .target-arrows .stop{margin-left:16px;display:none;width:12px;height:12px;background: url(../images/icon/stop-btn.svg) no-repeat;background-size: cover;font-size:0;}
#main .visual-wrap .target-arrows .stop.active{display: inline-block;}

#main .visual-wrap .target-arrows.black .slick-dots li:not(.slick-active) button {background:#ccc;}
#main .visual-wrap .target-arrows.black .play{background:url(../images/icon/play-black-btn.svg) no-repeat;}
#main .visual-wrap .target-arrows.black .stop{background:url(../images/icon/stop-black-btn.svg) no-repeat;}
/* e::20221207 */

#main .main-deal{padding:96px 0 96px 32px;background:#f7f7f7;}
#main .main-deal .main-hgroup{padding-right:34px;}
#main .main-deal .main-hgroup .moreview{right:34px;}
#main .main-deal .deal-slide{margin-top:54px;}
#main .main-deal .deal-slide .slick-track{left:-153px}
#main .main-deal .deal-slide .slick-slide{margin:0 6px;box-shadow: 0 10px 20px 0 rgba(184, 184, 184, 0.2);background-color: #fff;}
#main .main-deal .deal-slide .slick-slide a{display:block;}
#main .main-deal .deal-slide .slick-slide a .txt-box{padding:25px 24px 32px;}
#main .main-deal .deal-slide .slick-slide a .txt-box h4{position:relative;font-size: 24px;font-weight: bold;  line-height: 1.67;display: flex; align-items: center; gap: 10px;}
#main .main-deal .deal-slide .slick-slide a .txt-box h4 i{height:32px;display:inline-block;}
#main .main-deal .deal-slide .slick-slide a .txt-box h4 i img{display:block;max-height: 100%;}
#main .main-deal .deal-slide .slick-slide a .txt-box .txt1{margin-top:14px;font-size: 20px;font-weight: 500;color:rgba(34,34,34,0.4);}
#main .main-deal .deal-slide .slick-slide a .txt-box .txt2{margin-top: 30px;font-size: 18px;font-weight: normal;color: #222;word-break: keep-all;}
/* 20221015 수정 */
#main .main-deal .deal-slide .slick-slide a .txt-box .txt1{margin-top:14px;font-size: 20px;font-weight: 500;color:rgba(34,34,34,0.4);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main .main-deal .deal-slide .slick-slide a .txt-box .txt2{margin-top: 30px;font-size: 18px;font-weight: normal;color: #222;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 53px;}
#main .main-deal .deal-slide .slick-slide a .picture{}
#main .main-deal .deal-slide .slick-slide a .picture img{display:block;width:100%;}
#main .main-deal .progress-wrap{position:relative;width:100%;margin-top:64px;background:rgba(34,34,34,0.4);height:8px;max-width:calc(100% - 25px);}
#main .main-deal .progress-wrap .progress{position: relative;display: block;width: 100%;height: 8px;overflow: hidden;background-image: linear-gradient(to right, #333, #333);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .3s ease-in-out;}
#main .main-deal .progress-wrap .progress .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
#main .main-estimate{padding:96px 32px;}
#main .main-estimate .input-wrap form {display: flex}
#main .main-estimate .input-wrap{margin-top:64px;position:relative;}
#main .main-estimate .input-wrap select {width:200px;height:64px;border: solid 3px #333;border-right: 0;background-color: #fff;font-size: 18px;padding:0 20px 0 20px;}
#main .main-estimate .input-wrap input[type="text"]{flex:0 0 calc(100% - 200px);height:64px;border: solid 3px #333;background-color: #fff;font-size: 18px;padding:0 80px 0 21px;}
#main .main-estimate .input-wrap input[type="text"]::placeholder{opacity:0.4;}
#main .main-estimate .input-wrap button{position:absolute;right:0;top:0;width:72px;height:64px;background:url(../images/icon/search-icon.svg) no-repeat;background-size: cover;font-size:0;}
/*#main .main-estimate .brand-list{margin-top:64px;display:flex;justify-content: center;}*/
/*#main .main-estimate .brand-list a{display:inline-block;}*/
/*#main .main-estimate .brand-list a + a{margin-left:16px;}*/
/*#main .main-estimate .brand-list a img{display:block;width:100%;}*/
#main .main-estimate .brand-list{margin-top:64px;display:flex;justify-content: center;}
#main .main-estimate .brand-list a{width: 100%; aspect-ratio: 1.1;display:flex;flex-direction:column;align-items: center;justify-content: center;gap:5px;border: 2px solid #ddd; border-radius: 16px;}
#main .main-estimate .brand-list a:hover {border-color: #ffca0e;}
#main .main-estimate .brand-list a img{height: 30px;object-fit: contain}
#main .main-estimate .brand-list a div { text-align: center; font-size: 12px;}
#main .main-wailingsound{text-align:center;padding:40px 0;background: #ffca0e url(../images/@draft/back-banner-img.png) 50% 50% no-repeat;background-size: cover;}
#main .main-wailingsound h3{font-size: 41px;color:#212121;line-height: 1.27;}
#main .main-wailingsound p{margin-top:19px;font-size: 23px;font-weight: normal;line-height: 1.22;}
#main .main-wailingsound p strong{}
#main .main-wailingsound a{display:inline-block;margin-top:20px;width:185px;line-height:52px;background:#fff;text-align: center; font-size: 20px;font-weight: bold;color:#121212;border-radius: 26px;}
#main .main-estimatelist{padding:96px 32px;}
#main .main-estimatelist table{margin-top:96px;table-layout: fixed;border-top:2px solid #000;}
#main .main-estimatelist table tbody tr td{padding:21px 16px;text-align: center;  font-size: 16px;font-weight: normal;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
#main .main-estimatelist table tbody tr td:first-child{border-left:0;}
#main .main-estimatelist table tbody tr td.subject{}
#main .main-estimatelist table tbody tr td.date{color:rgba(34,34,34,0.4);}
#main .main-estimatelist table tbody tr td a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
#main .main-estimatelist table tbody tr td a:hover span{text-decoration: underline;}
#main .main-estimatelist table tbody tr td a span{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;max-width: calc(100% - 40px);}
#main .main-estimatelist table tbody tr td a em{display:inline-block;color:#d22459;vertical-align: middle;margin-left:5px;}
#main .main-rental{padding:96px 0 96px 32px;background:#f7f7f7;}
#main .main-rental .main-hgroup{padding-right:32px;}
#main .main-rental .main-hgroup .moreview{right:32px;}
#main .main-rental .rental-slide{margin-top:96px;}
#main .main-rental .rental-slide .slick-track{left:-153px}
#main .main-rental .rental-slide .slick-slide{margin:0 6px;box-shadow: 0 10px 20px 0 rgba(184, 184, 184, 0.2);background-color: #fff;}
#main .main-rental .rental-slide .slick-slide a{display:block;position:relative;}
#main .main-rental .rental-slide .slick-slide a .rent-type {position: absolute;top:0;right:0;display:inline-block;width:80px;height:35px;line-height:35px;text-align: center;color:#fff;font-size: 14px;font-weight: bold;}
#main .main-rental .rental-slide .slick-slide a .rent-type.rent{background:#ffca0e;}
#main .main-rental .rental-slide .slick-slide a .rent-type.lease{background:#009345;}
#main .main-rental .rental-slide .slick-slide a .txt-box{padding:25px 24px 32px;}
#main .main-rental .rental-slide .slick-slide a .txt-box h4{position:relative;font-size: 24px;font-weight: bold;  line-height: 1.67;display: flex; align-items: center; gap: 10px;}
#main .main-rental .rental-slide .slick-slide a .txt-box h4 i{height:32px;display:inline-block;}
#main .main-rental .rental-slide .slick-slide a .txt-box h4 i img{display:block;max-height: 100%;}
#main .main-rental .rental-slide .slick-slide a .txt-box .txt1{margin-top:14px;font-size: 20px;font-weight: 500;color:rgba(34,34,34,0.4);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main .main-rental .rental-slide .slick-slide a .txt-box .txt2{margin-top: 30px;font-size: 18px;font-weight: normal;color: #222;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 53px;}
#main .main-rental .rental-slide .slick-slide a .picture{}
#main .main-rental .rental-slide .slick-slide a .picture img{display:block;width:100%;}
#main .main-rental .progress-wrap{position:relative;width:100%;margin-top:64px;background:rgba(34,34,34,0.4);height:8px;max-width:calc(100% - 25px);}
#main .main-rental .progress-wrap .progress{position: relative;display: block;width: 100%;height: 8px;overflow: hidden;background-image: linear-gradient(to right, #333, #333);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .3s ease-in-out;}
#main .main-rental .progress-wrap .progress .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
#main .main-app{text-align:center;padding:56px 0 55px;background: #2249b5 url(../images/@draft/back-img.svg) 50% 50% no-repeat;background-size: cover;}
#main .main-app h3{color:#fff;font-size: 35px;font-weight: normal;line-height: 1.26;
}
#main .main-app h3 strong{font-weight:bold;}
#main .main-app h3 i{position:relative;}
#main .main-app h3 i:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);display:inline-block;width:6px;height:6px;border-radius:100%;background:#fff;}
#main .main-app .button-box{display:flex;justify-content: center;margin-top:43px;}
#main .main-app .button-box a{display:inline-block;}
#main .main-app .button-box a + a{margin-left:41px;}
#main .main-app .button-box a img{display:block;}
#main .main-bepco{padding:96px 32px;}
#main .main-bepco ul{margin-top:27px;display:flex;flex-wrap: wrap;}
#main .main-bepco ul li{width:50%;margin:48px 0;}
#main .main-bepco ul li a{display:block;text-align: center;}
#main .main-bepco ul li a figure{display:block;}
#main .main-bepco ul li a figure img{display:block;margin:0 auto;}
#main .main-bepco ul li a h4{margin-top:18px;  font-size: 24px;font-weight: 500; line-height: 1.36;}
#main .main-bepco ul li a p{margin-top:24px;  font-size: 18px;font-weight: normal; color: rgba(0, 0, 0, 0.6); line-height: 1.88;}
#main .main-news{padding:96px 0 96px 32px;background:#f7f7f7;}
#main .main-news .news-slide{margin-top:96px;}
#main .main-news .news-slide .slick-track{left:-153px}
#main .main-news .news-slide .slick-slide{position:relative;margin:0 12px;}
#main .main-news .news-slide .slick-slide a{display:block;}
#main .main-news .news-slide .slick-slide a .txt-box{margin-top:23px;}
#main .main-news .news-slide .slick-slide a .txt-box .date{display:block;font-size: 18px;color: #000;}
#main .main-news .news-slide .slick-slide a .txt-box h4{margin-top:32px;font-size: 26px;font-weight: 500;color: #000;padding-bottom:32px;border-bottom:1px solid #ddd;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main .main-news .news-slide .slick-slide a .txt-box .txt{margin-top:32px;font-size: 18px;color: rgba(0, 0, 0, 0.6); display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:76px;}
#main .main-news .news-slide .slick-slide a .picture{}
#main .main-news .news-slide .slick-slide a .picture img{display:block;width:100%;}
#main .main-news .progress-wrap{position:relative;width:100%;margin-top:64px;background:rgba(34,34,34,0.4);height:8px;max-width:calc(100% - 25px);}
#main .main-news .progress-wrap .progress{position: relative;display: block;width: 100%;height: 8px;overflow: hidden;background-image: linear-gradient(to right, #333, #333);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .3s ease-in-out;}
#main .main-news .progress-wrap .progress .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
#main .main-news .badge{position:absolute;top:0;right:0;display:inline-block;width:70px;line-height: 29px;text-align: center;color:#fff;font-size: 14px;font-weight: bold;}
#main .main-news .badge.event{background:#ffca0e;}
#main .main-news .badge.news{background:#e9323f;}

.search-wrap{position:relative;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:0 34px;}
.search-wrap .layout{}
.search-wrap select{height:64px;width:30%;border-left:1px solid #ddd;border-right:1px solid #ddd;padding: 0 45px 0 22px; font-size: 18px;}
.search-wrap input[type="text"]{width:70%;height:64px;background:#f7f7f7;  font-size: 18px;font-weight: normal;color:#222;padding:0 96px 0 24px;}
.search-wrap input[type="text"]::placeholder{color:#222;}
.search-wrap button{position:absolute;right:0;top:0;display:inline-block;;width:72px;height:65px;background: url(../images/icon/search-icon.svg) no-repeat;background-size: cover;font-size: 0;}


.list-box.type1{margin-top:77px;}
.list-box.type1 ul{font-size:0;padding:0 32px;margin:-1%;}
.list-box.type1 ul li{display:inline-block;width:48%;margin:1%;float:left;}
.list-box.type1 ul li a{display:block; position:relative;}
.list-box.type1 ul li a .rent-type {position: absolute;top:0;right:0;display:inline-block;width:80px;height:35px;line-height:35px;text-align: center;color:#fff;font-size: 14px;font-weight: bold;}
.list-box.type1 ul li a .rent-type.rent{background:#ffca0e;}
.list-box.type1 ul li a .rent-type.lease{background:#009345;}
.list-box.type1 ul li figure img{display:block;width:100%;}
.list-box.type1 ul li .txt-box{min-height:230px;padding:33px 32px 48px;box-shadow: 0 10px 20px 0 rgba(184, 184, 184, 0.2);background-color: #fff;}
.list-box.type1 ul li .txt-box h4{position:relative;font-size: 24px;font-weight: bold;display: flex; align-items: center; gap: 10px;}
.list-box.type1 ul li .txt-box h4 i{height:32px;display:inline-block;}
.list-box.type1 ul li .txt-box h4 i img{display:block;max-height: 100%}
.list-box.type1 ul li .txt-box .txt1{margin-top:10px;font-size: 20px;font-weight: 500;display:flex; align-items: end; justify-content: space-between; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-box.type1 ul li .txt-box .txt1 .stroke {text-decoration: line-through;color: #bbb;}
.list-box.type1 ul li .txt-box .txt1 .discount {color: #191919;font-size: 24px; margin-right: 10px;}
.list-box.type1 ul li .txt-box .txt2{margin-top: 15px;font-size: 18px;  line-height: 1.67;word-break: keep-all; display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:90px;}

/* s::20221117 */
.list-box.type2 h3{font-size: 22px;font-weight: bold;}
.list-box.type2 ul{margin-top:72px;font-size:0;}
.list-box.type2 ul li{display:inline-block;;box-shadow: 0 10px 20px 0 rgba(184, 184, 184, 0.2);background-color: #fff;width:48%;margin:1%;}
.list-box.type2 ul li a{display: block;padding:36px 32px 32px;}
.list-box.type2 ul li + li{}
.list-box.type2 ul li .top{display: flex;align-items: center;justify-content: space-between;}
.list-box.type2 ul li .top h4{position:relative;font-size: 24px;font-weight: bold;padding-left:58px;}
.list-box.type2 ul li .top h4:before{content:"";position:absolute;top:-4px;left:0;display:inline-block;width:42px;height:42px;background:url(../images/icon/label.svg) no-repeat;background-size: cover;}
.list-box.type2 ul li .top span{display: inline-block;width: 32px;height: 32px;background: url(../images/icon/moreview.svg) no-repeat;background-size: cover;font-size: 0;}
.list-box.type2 ul li .box{margin-top:33px;}
.list-box.type2 ul li .box figure{}
.list-box.type2 ul li .box figure img{display: block;width:100%;}
.list-box.type2 ul li .box .infobox{margin-top:32px;}
.list-box.type2 ul li .box .infobox h5{position:relative;font-size: 20px;font-weight: bold;display: flex; align-items: center; gap: 10px;}
.list-box.type2 ul li .box .infobox h5 i{height:32px;display:inline-block;}
.list-box.type2 ul li .box .infobox h5 i img {display: block; max-height: 100%}
.list-box.type2 ul li .box .infobox dl{margin-top:30px;padding-top:32px;border-top:1px solid #ddd;}
.list-box.type2 ul li .box .infobox dl dt{padding-top:2px;width:86px;color:#222;opacity:0.6;font-size:16px;}
.list-box.type2 ul li .box .infobox dl dd{padding:0 0 15px 86px;font-size: 18px;font-weight: normal;}
/* e::20221117 */


#pages{padding:119px 0 0;}
.pages-top{padding:43px 32px 40px;}
.pages-top h3{font-size: 36px;font-weight: bold;color: #222;}

.deal .list{padding-bottom:96px;}
.deal .list .button-box{margin-top:96px;text-align: center;}
.deal .list .button-box button{display:inline-block;width:178px;height:54px;text-align: center;background:#333;font-size: 18px;font-weight: normal;color:#fff;}
.deal .list2{padding:0 32px}
.deal .list2 .table-box{border-top:1px solid #ddd;padding:75px 0 72px;background:#fff;}
.deal .list2 .table-box table{table-layout: fixed;border-top:2px solid #000;}
.deal .list2 .table-box table tbody tr td{padding:25px 16px;text-align: center;  font-size: 18px;font-weight: normal;border-bottom:1px solid #ddd;}
.deal .list2 .table-box table tbody tr td a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;text-align: left;}
.deal .list2 .table-box table tbody tr td a:hover{text-decoration: underline;}
.deal .list2 .table-box table tbody tr td a strong{display:inline-block;font-weight:bold;}
.list-box.type2.type2{background:#f7f7f7;padding:72px 32px 96px;margin:0 -32px;}
.list-box.type2 .button-box{margin-top:96px;text-align: center;}
.list-box.type2 .button-box button{display:inline-block;width:252px;height:54px;text-align: center;background:#333;font-size: 18px;font-weight: normal;color:#fff;}
.deal .view{padding:35px 32px 96px;}
.deal .view .top{}
.deal .view .top h3{font-size: 22px;font-weight: bold;}
.deal .view .top .box{border-top:2px solid #333;margin-top:72px;padding-top:72px;}
.deal .view .top .box figure{}
.deal .view .top .box figure img{display: block;width:100%;}
.deal .view .top .box .infobox{margin-top:49px;}
.deal .view .top .box .infobox h5{position:relative;font-size: 24px;font-weight: bold;display: flex; align-items: center; gap: 10px}
.deal .view .top .box .infobox h5 i{height:32px;display:inline-block;}
.deal .view .top .box .infobox h5 i img {display: block; max-height: 100%}
.deal .view .top .box .infobox dl{margin-top:32px;padding-top:40px;border-top:1px solid #ddd;}
.deal .view .top .box .infobox dl dt{padding-top:2px;width:86px;color:#222;opacity:0.6;font-size:16px;}
.deal .view .top .box .infobox dl dd{padding:0 0 15px 86px;font-size: 18px;font-weight: normal;}
.deal .view .tab{margin-top:63px;display:flex;}
.deal .view .tab.pik{margin-top:119px;position:fixed;top:0;left:0;width:100%;z-index: 10;}
.deal .view .tab .button{flex:1;display:inline-block;text-align: center;line-height:62px;height:64px;border:1px solid #ddd;background:#f7f7f7;font-size: 18px;font-weight: normal;}
.deal .view .tab .button.active{border-color:#333;background:#333;color:#fff;}
.deal .view .tab-box{padding-top:96px;}
.deal .view .tab-box h4{font-size: 24px;font-weight: bold;}
.deal .view .tab-box h4 span{margin-left:22px;display:inline-block;opacity: 0.6;font-size: 18px;font-weight: normal;color:#222;}
.deal .view .tab-box .box{border-top:2px solid #333;margin-top:25px;}
.deal .view .tab-box .box + h4{margin-top:96px;}
.deal .view .tab-box .box table{margin-top:12px;table-layout: fixed;}
.deal .view .tab-box .box table tr th{width:20%;padding:12px 0 12px 24px;font-size: 16px;font-weight: normal;text-align: left;}
.deal .view .tab-box .box table tr td{padding:12px 0;}
.deal .view .tab-box .box table tr td select{border:1px solid #ddd;width:100%;height:64px;font-size: 16px;font-weight: normal;padding:0 40px 0 22px;}
.deal .view .tab-box .box table tr td select:disabled{color:rgba(34,34,34,0.4);background:#efefef url(../images/icon/down-detail-btn.svg) no-repeat; background-position: 95% 50%;}
.deal .view .tab-box .box table tr td .select-wrap select + select{margin-left:24px;}
.deal .view .tab-box .box table tr td .select-wrap{display:flex;}
.deal .view .tab-box .box table tr td .select-wrap select{flex:1;}
.deal .view .tab-box .box table tr td .select-wrap + select{margin-top:24px;}
.deal .view .tab-box .box table tr td .select-wrap2 select + select{margin-left:24px;}
.deal .view .tab-box .box table tr td .select-wrap2{display:flex;}
.deal .view .tab-box .box table tr td .select-wrap2 select{flex:1;}
.deal .view .tab-box .box table tr td .select-wrap2 + select{margin-top:24px;}
.deal .view .tab-box .box table tr td input[type="text"],
.deal .view .tab-box .box table tr td input[type="tel"]{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;}
.deal .view .tab-box .box table tr td input[type="text"]::placeholder,
.deal .view .tab-box .box table tr td input[type="tel"]::placeholder{color:rgba(34,34,34,0.4);}
.deal .view .tab-box .box table tr td input[type="text"].small,
.deal .view .tab-box .box table tr td input[type="tel"].small{max-width:70%;}
.deal .view .tab-box .box table tr td .radio-type1 + .radio-type1{margin-left:38px;}
.deal .view .tab-box .box table tr td .radio-type1 input[type="text"]{margin-left:16px;display:inline-block;width:300px;}
.deal .view .tab-box .box table tr td .textarea1{width:100%;height:64px;border:1px solid #ddd;padding:20px 24px;font-size: 16px;font-weight: normal;resize: none;}
.deal .view .tab-box .box table tr td .textarea1::placeholder{color:rgba(34,34,34,0.4);}
.deal .view .tab-box .box .toggle-box2{border:1px solid #ddd;margin-top:26px;border-bottom:0;}
.deal .view .tab-box .box .toggle-box2 dt{position:relative;border-bottom:1px solid #ddd;padding:22px 23px;}
.deal .view .tab-box .box .toggle-box2 dt button{content:"";position:absolute;right:23px;display:inline-block;width:26px;height:26px;background:url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;}
.deal .view .tab-box .box .toggle-box2 dt.on button{transform:rotate(-180deg);}
.deal .view .tab-box .box .toggle-box2 dd{display:none;padding:24px 63px;font-size: 16px;font-weight: normal;line-height: 2;color:rgba(34,34,34,0.6);border-bottom:1px solid #ddd;}
.deal .view .tab-box .button-box{margin-top:96px;text-align: center;}
.deal .view .tab-box .button-box button{display:inline-block;text-align: center;height:54px;color:#fff;font-size: 18px;background:#333;}
.deal .view .tab-box .graph-tab{margin-top:43px;display:flex;}
.deal .view .tab-box .graph-tab .button{flex:1;display:inline-block;text-align: center;height:64px;border:1px solid #ddd;background:#fff;font-size: 18px;font-weight: normal;}
.deal .view .tab-box .graph-tab .button.active{border-color:#333;background:#333;color:#fff;}
.deal .view .tab-box .graph-box{margin-top:32px;display:none;}
.deal .view .tab-box .graph-box .graph{height:auto;}
.deal .view .tab-box .graph-box .table-box{margin-top:72px;}
.deal .view .tab-box .graph-box .table-box table{border-top:2px solid #000;}
.deal .view .tab-box .graph-box .table-box table thead tr th{text-align: center;padding:18px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#f7f7f7;  font-size: 16px;font-weight: bold;color:#222;}
.deal .view .tab-box .graph-box .table-box table thead tr th:first-child,
.deal .view .tab-box .graph-box .table-box table tbody tr td:first-child{border-left:0;}
.deal .view .tab-box .graph-box .table-box table tbody tr td{text-align: center;padding:18px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size: 16px;font-weight: normal;}
.deal .view .tab-box .car-info{margin-top:52px;}
.deal .view .tab-box .car-info h5{position:relative;font-size: 24px;font-weight: bold;display: flex; align-items: center;gap: 10px;}
.deal .view .tab-box .car-info h5 i{display:inline-block;height: 32px;}
.deal .view .tab-box .car-info h5 i img{display:block;max-height: 100%;}
.deal .view .tab-box .car-info .detail-box{margin-top:16px;}
.deal .view .tab-box .car-info .detail-box .top{}
.deal .view .tab-box .car-info .detail-box .top figure{}
.deal .view .tab-box .car-info .detail-box .top figure img{display:block;width:100%;}
.deal .view .tab-box .car-info .detail-box .top .right{margin-top:14px;}
.deal .view .tab-box .car-info .detail-box .top  .right .txt-box .price{position:relative;padding-left:102px;font-size:25px;font-weight: bold;color:#d22459;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .price span{display:inline-block;  font-size: 18px;color:rgba(34,34,34,0.4);position:absolute;top:11px;left:0;font-weight:normal;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .price strong{font-size:30px;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt{margin-top:31px;display:flex;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p{position:relative;font-size: 18px;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p:before{content:"";display:inline-block;width:1px;height:22px;background:#ddd;position:absolute;top:2px;left:-24px;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p:first-child:before{display:none;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p + p{margin-left:48px;}
.deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p span{display:inline-block;  font-size: 18px;color:rgba(34,34,34,0.4);font-weight:normal;margin-right:24px;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box{margin-top:46px;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-tab{display:flex;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-tab button{display:inline-block;width:123px;height:48px;background:#fff;text-align: center;  font-size: 18px;font-weight: normal;border:1px solid #ddd;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-tab button.active{border-color:#333;background:#333;color:#fff;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-wrap{position:relative;top:-1px;border:1px solid #ddd;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-wrap .color-list{display:none;;padding:13px 14px;font-size:0;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-wrap .color-list span{display:inline-block;width:23%;position:relative;padding-left:34px;font-size: 14px;margin:13px 1%;vertical-align: middle;}
.deal .view .tab-box .car-info .detail-box .top .right .color-box .color-wrap .color-list span em{display:inline-block;width:24px;height:24px;border-radius:100%;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.deal .view .tab-box .car-info .detail-box ul{margin-top:64px;}
.deal .view .tab-box .car-info .detail-box ul li{position:relative;display:inline-block;width:100%;border:1px solid #ddd;background:#f7f7f7;font-size: 18px;font-weight: normal;padding:18px 38px;text-align: right;}
.deal .view .tab-box .car-info .detail-box ul li + li{margin-top:-1px;}
.deal .view .tab-box .car-info .detail-box ul li span{color:rgba(34,34,34,0.6);display:inline-block;position:absolute;left:38px;top:50%;transform: translateY(-50%);}
.deal .view .tab-box .car-info .detail-box .img-box{margin-top:62px;display:flex;justify-content: center;}
.deal .view .tab-box .car-info .detail-box .img-box .picture{}
.deal .view .tab-box .car-info .detail-box .img-box .picture + .picture{margin-left:30px;}
.deal .view .tab-box .car-info .detail-box table{border-top:1px solid #ddd;margin-top:56px;}
.deal .view .tab-box .car-info .detail-box table tbody tr td{border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:23px 24px;font-size: 16px;font-weight: normal;}
.deal .view .tab-box .car-info .detail-box table tbody tr td:first-child{border-left:0;text-align: center;}
.deal .view .button-box{margin-top:96px;display:flex;align-items: center;justify-content: center;}
.deal .view .button-box .button{padding:0 64px;display:inline-block;line-height: 54px;height:54px;text-align: center;color:#fff;  font-size: 18px;font-weight: normal;background:#333;}
.deal .view .button-box .button + .button{margin-left:30px;}
.deal .view .tab-box .txt-list{margin-top:32px;}
.deal .view .tab-box .txt-list li{position:relative;color:rgba(34,34,34,0.8);font-size: 18px;font-weight: normal;line-height: 1.78;padding-left:18px;}
.deal .view .tab-box .txt-list li + li{margin-top:15px;}
.deal .view .tab-box .txt-list li:before{content:"";display:inline-block;width:10px;height:10px;background:#333;position:absolute;left:0;top:10px;}

.deal .complete{padding:74px 0 128px;margin:0 32px;text-align: center;border-top:1px solid #ddd;}
.deal .complete .txt1{margin-top:47px; font-size: 18px;font-weight: bold;color:rgba(34,34,34,0.6);  line-height: 1.78;}
.deal .complete strong{display:block;margin-top:47px;font-size: 40px;font-weight: bold;line-height: 1.3;}
.deal .complete .txt2{margin-top:55px;color:rgba(34,34,34,0.6);font-size: 18px;font-weight: normal;  line-height: 1.78;}
.deal .complete a{display:inline-block;margin-top:80px;width:234px;height:54px;line-height: 54px;text-align: center;color:#fff;background:#333;font-size: 18px;font-weight: bold;}

.rental{}
.rental .list{padding-bottom:96px;}
.rental .list .button-box{margin-top:96px;text-align: center;}
.rental .list .button-box button{display:inline-block;width:178px;height:54px;text-align: center;background:#333;font-size: 18px;font-weight: normal;color:#fff;}
.rental .view{padding:35px 32px 96px;}
.rental .view .top{}
.rental .view .top h3{font-size: 22px;font-weight: bold;}
.rental .view .top .box{border-top:2px solid #333;margin-top:72px;padding-top:72px;}
.rental .view .top .box figure{}
.rental .view .top .box figure img{display: block;width:100%;}
.rental .view .top .box .infobox{margin-top:49px;}
.rental .view .top .box .infobox h5{position:relative;font-size: 24px;font-weight: bold;display: flex;align-items: center;gap: 10px;}
.rental .view .top .box .infobox h5 i{height:32px;display:inline-block;}
.rental .view .top .box .infobox h5 i img {display: block;max-height: 100%}
.rental .view .top .box .infobox dl{margin-top:32px;padding-top:40px;border-top:1px solid #ddd;}
.rental .view .top .box .infobox dl dt{padding-top:2px;width:86px;color:#222;opacity:0.6;font-size:16px;}
.rental .view .top .box .infobox dl dd{padding:0 0 15px 86px;font-size: 18px;font-weight: normal;}
.rental .view .form-box{padding-top:96px;}
.rental .view .form-box h4{font-size: 24px;font-weight: bold;}
.rental .view .form-box h4 span{margin-left:22px;display:inline-block;opacity: 0.6;font-size: 18px;font-weight: normal;color:#222;}
.rental .view .form-box .box{border-top:2px solid #333;margin-top:25px;}
.rental .view .form-box .box + h4{margin-top:96px;}
.rental .view .form-box .box table{margin-top:12px;table-layout: fixed;}
.rental .view .form-box .box table tr th{width:20%;padding:12px 0 12px 24px;font-size: 16px;font-weight: normal;text-align: left;}
.rental .view .form-box .box table tr td{padding:12px 0;}
.rental .view .form-box .box table tr td select{border:1px solid #ddd;width:100%;height:64px;font-size: 16px;font-weight: normal;padding:0 40px 0 22px;}
.rental .view .form-box .box table tr td select:disabled{color:rgba(34,34,34,0.4);background:#efefef url(../images/icon/down-detail-btn.svg) no-repeat; background-position: 95% 50%;}
.rental .view .form-box .box table tr td .select-wrap select + select{margin-left:24px;}
.rental .view .form-box .box table tr td .select-wrap{display:flex;}
.rental .view .form-box .box table tr td .select-wrap select{flex:1;}
.rental .view .form-box .box table tr td .select-wrap + select{margin-top:24px;}
.rental .view .form-box .box table tr td .select-wrap2 select + select{margin-left:24px;}
.rental .view .form-box .box table tr td .select-wrap2{display:flex;}
.rental .view .form-box .box table tr td .select-wrap2 select{flex:1;}
.rental .view .form-box .box table tr td .select-wrap2 + select{margin-top:24px;}
.rental .view .form-box .box table tr td input[type="text"],
.rental .view .form-box .box table tr td input[type="tel"]{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;}
.rental .view .form-box .box table tr td input[type="text"]::placeholder,
.rental .view .form-box .box table tr td input[type="tel"]::placeholder{color:rgba(34,34,34,0.4);}
.rental .view .form-box .box table tr td input[type="text"].small,
.rental .view .form-box .box table tr td input[type="tel"].small{max-width:70%;}
.rental .view .form-box .box table tr td .textarea1{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;resize:none;}
.rental .view .form-box .box table tr td .textarea1::placeholder{color:rgba(34,34,34,0.4);}
.rental .view .form-box .box table tr td .radio-type1 + .radio-type1{margin-left:38px;}
.rental .view .form-box .box table tr td .radio-type1 input[type="text"]{margin-left:16px;display:inline-block;width:300px;}
.rental .view .form-box .box .toggle-box2{border:1px solid #ddd;margin-top:26px;border-bottom:0;}
.rental .view .form-box .box .toggle-box2 dt{position:relative;border-bottom:1px solid #ddd;padding:22px 23px;}
.rental .view .form-box .box .toggle-box2 dt button{content:"";position:absolute;right:23px;display:inline-block;width:26px;height:26px;background:url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;}
.rental .view .form-box .box .toggle-box2 dt.on button{transform:rotate(-180deg);}
.rental .view .form-box .box .toggle-box2 dd{display:none;padding:24px 63px;font-size: 16px;font-weight: normal;line-height: 2;color:rgba(34,34,34,0.6);border-bottom:1px solid #ddd;}
.rental .view .form-box .button-box{margin-top:96px;text-align: center;}
.rental .view .form-box .button-box button{padding:0 64px;display:inline-block;text-align: center;height:54px;color:#fff;font-size: 18px;background:#333;}


.request{padding-bottom:96px;}
.request .step{height:70px;background:#333;display:flex;align-items: center;justify-content:space-between;padding:0 55px;}
.request .step p{color:#fff;font-size: 18px;font-weight:normal;}
.request .step .number{display:flex;align-items: center;}
.request .step .number i{margin-left:18px;display:inline-block;width:24px;height:24px;border-radius:100%;text-align: center;line-height:24px;color:#fff;font-size: 16px;font-weight: normal;border:1px solid #fff;}
.request .step .number i:first-child{margin-left:0;}
.request .step .number i.active{color:#333;background:#fff;}
.request .brand-list{padding:64px 32px 0;}
/*.request .brand-list ul{display:flex;flex-wrap: wrap;width:100%;}*/
/*.request .brand-list ul li{width:33.3333%;border:1px solid #ddd;padding:18px 0;text-align: center;margin:-0.5px;cursor:pointer;}*/
/*.request .brand-list ul li p{display:inline-block;}*/
/*.request .brand-list ul li p i{display:inline-block;vertical-align: middle;}*/
/*.request .brand-list ul li p i img{display:block;}*/
/*.request .brand-list ul li p span{vertical-align: middle;margin-left:8px;display:inline-block;font-size: 16px;font-weight: normal;}*/
/*.request .brand-list ul li.active{background:#f7f7f7;}*/
.request .brand-list ul{display:grid;gap: 20px;grid-template-columns: 1fr 1fr 1fr;}
.request .brand-list ul li{aspect-ratio: 1.8;border:2px solid #eee;border-radius: 18px;padding:18px 0;text-align: center;margin:-0.5px;cursor:pointer;}
.request .brand-list ul li p{height:100%;display: flex;flex-direction:column;align-items: center;justify-content: center;}
.request .brand-list ul li p i{display:inline-block;vertical-align: middle;}
.request .brand-list ul li p i img{display:block; height: 54px; object-fit: contain}
.request .brand-list ul li p span{margin-top: 10px;vertical-align: middle;display:inline-block;font-size: 16px;font-weight: normal;}
.request .brand-list ul li:hover, .request .brand-list ul li.active{border: 2px solid #ffca0e;}
/* s::20221117 */
.request .filter-box{padding:64px 32px 0;}
.request .filter-box h4{position:relative;font-size: 24px;font-weight: bold;color: #222;}
.request .filter-box dl{margin-top:25px;border-top:2px solid #000;background: #f7f7f7;padding:28px 39px;}
.request .filter-box dl dt{width:85px;font-size: 16px;font-weight: normal;color: #222;padding-top:29px;}
.request .filter-box dl dd{padding:12px 0 12px 85px;}
.request .filter-box dl dd .radio-group{font-size:0;}
.request .filter-box dl dd .radio-group .checkbox-type2{margin:8px 12px;}
.request .filter-box .filter-reset {position:absolute;top:8px;right:0px;font-size:16px;color:#222;}
.request .filter-box .filter-reset i {margin-right:5px;}
.request .filter-box .filter-reset i img {vertical-align:text-top;}
/* s::20221117 */
.request .table-box{padding:72px 32px 0;background:#fff;}
.request .table-box h4{font-size:24px;font-weight:bold;}
.request .table-box table{margin-top:24px;table-layout: fixed;border-top:2px solid #000;}
.request .table-box table tbody tr td{padding:25px 16px;text-align: center;  font-size: 18px;font-weight: normal;border-bottom:1px solid #ddd;}
.request .table-box table tbody tr td a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;text-align: left;}
.request .table-box table tbody tr td a:hover{text-decoration: underline;}
.request .table-box table tbody tr td a strong{display:inline-block;font-weight:bold;}
.request .car-list{padding:72px 32px 0;}
.request .car-list .list{padding:24px 24px 0;position:relative; box-shadow: 0 10px 20px 0 rgba(184, 184, 184, 0.2);background-color: #fff;border:2px solid transparent;}
.request .car-list .list + .list{margin-top:64px;}
.request .car-list .list:hover,
.request .car-list .list.active{border-color:#ffca0e;}
.request .car-list .list .top{display: flex;}
.request .car-list .list .top .txt-box{width:calc(100% - 248px);}
.request .car-list .list .top .txt-box h3{font-size: 24px;font-weight: bold;}
.request .car-list .list .top .txt-box .price{margin-top:26px;font-size:24px;font-weight:bold;color: #d22459;}
.request .car-list .list .top .txt-box .price span{display:block;margin-bottom:8px;font-size: 18px;font-weight: normal;color:rgba(34,34,34,0.6);}
.request .car-list .list .top .txt-box .price strong{display:inline-block;font-size:30px;}
/* s::20221117 */
.request .car-list .list .top figure{width:248px;margin-bottom: 23px;}
/* e::20221117 */
.request .car-list .list .top figure img{display:block;width:100%;}
.request .car-list .list .bottom{display:flex;justify-content:space-between;align-items: center;padding:18px 0;border-top:1px solid #ddd;}
.request .car-list .list .bottom span{display:inline-block;font-size: 18px;font-weight: normal;text-decoration: underline;}
.request .car-list .list .bottom button{display:inline-block;width:32px;height:32px;border:1px solid #ddd;position:relative;font-size:0;}
.request .car-list .list .bottom button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-block;width:26px;height:26px;background: url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.request .car-list .list.active .bottom button:before {transform:translate(-50%, -50%) rotate(180deg);}
.request .car-list .list .model-list{position:absolute;top: 101%;left:0;width:100%;z-index: 10;display:none;}
.request .car-list .list .model-list li{border-bottom:1px solid #ddd;display:flex;align-items: center;justify-content: space-between;background:#fff;padding:24px;box-shadow: 0 10px 20px 0 rgba(184, 184, 184, 0.2);}
.request .car-list .list .model-list li .left{}
.request .car-list .list .model-list li .left p{font-size: 18px;font-weight: normal;}
.request .car-list .list .model-list li .left strong{margin-top:13px;display:block;  font-size: 24px;font-weight: bold;color: #d22459;}
.request .car-list .list .model-list li .right{display:flex;align-items: center;}
.request .car-list .list .model-list li .right span{display:inline-block;font-size: 18px;font-weight: normal;}
.request .car-list .list .model-list li .right button{margin-left:14px;display:inline-block;}
.request .car-list .list .model-list li .right button img{display:block;}
.request .deal-list{margin-top:63px;}
.request .deal-list h3{font-size: 22px;font-weight: bold;}
.request .deal-list table{margin-top:26px;table-layout: fixed;border-top:2px solid #000;}
.request .deal-list table tbody tr td{padding:22px 24px;text-align: center;  font-size: 16px;font-weight: normal;border-bottom:1px solid #ddd;}
.request .deal-list table tbody tr td a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;text-align: left;}
.request .deal-list table tbody tr td a:hover{text-decoration: underline;}
.request .deal-list table tbody tr td a strong{display:inline-block;font-weight:bold;}
.request .brand-title{background:#f7f7f7;border-bottom:1px solid #ddd;text-align: center;padding:20px 0;}
.request .brand-title figure{}
.request .brand-title figure img{display:inline-block;vertical-align: middle;width:76px;}
.request .brand-title figure figcaption{margin-left:13px;display:inline-block;vertical-align:middle;font-size: 23px;font-weight: bold;}
.request .form-box{padding:86px 32px 0;}
.request .form-box h4{font-size: 24px;font-weight: bold;}
.request .form-box h4 span{margin-left:22px;display:inline-block;opacity: 0.6;font-size: 18px;font-weight: normal;color:#222;}
.request .form-box .box{border-top:2px solid #333;margin-top:25px;}
.request .form-box .box + h4{margin-top:48px;}
.request .form-box .box .form-type1 dl{}
.request .form-box .box .form-type1 dl dd{}
.request .form-box .box .form-type1 dl dd .specifications{margin-top:24px;}
.request .form-box .box .form-type1 dl dd .specifications span{display: inline-block;font-size: 18px;font-weight: normal;vertical-align: middle;}
.request .form-box .box .form-type1 dl dd .specifications button{margin-left: 14px;display: inline-block;vertical-align: middle;}
.request .form-box .box .form-type1 dl dd .specifications button img{display:block;}
.request .form-box .box table{margin-top:12px;table-layout: fixed;}
.request .form-box .box table tr th{width:20%;padding:12px 0 12px 24px;font-size: 16px;font-weight: normal;text-align: left;}
.request .form-box .box table tr td{padding:12px 0;}
.request .form-box .box table tr td select{border:1px solid #ddd;width:100%;height:64px;font-size: 16px;font-weight: normal;padding:0 40px 0 22px;}
.request .form-box .box table tr td select:disabled{color:rgba(34,34,34,0.4);background:#efefef url(../images/icon/down-detail-btn.svg) no-repeat; background-position: 95% 50%;}
.request .form-box .box table tr td .select-wrap select + select{margin-left:24px;}
.request .form-box .box table tr td .select-wrap{display:flex;}
.request .form-box .box table tr td .select-wrap select{flex:1;}
.request .form-box .box table tr td .select-wrap + select{margin-top:24px;}
.request .form-box .box table tr td .select-wrap2 select + select{margin-left:24px;}
.request .form-box .box table tr td .select-wrap2{display:flex;}
.request .form-box .box table tr td .select-wrap2 select{flex:1;}
.request .form-box .box table tr td .select-wrap2 + select{margin-top:24px;}
.request .form-box .box table tr td input[type="text"],
.request .form-box .box table tr td input[type="tel"]{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;}
.request .form-box .box table tr td input[type="text"]::placeholder,
.request .form-box .box table tr td input[type="tel"]::placeholder{color:rgba(34,34,34,0.4);}
.request .form-box .box table tr td input[type="text"].small,
.request .form-box .box table tr td input[type="tel"].small{max-width:70%;}
.request .form-box .box table tr td .textarea1{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;resize:none;}
.request .form-box .box table tr td .textarea1::placeholder{color:rgba(34,34,34,0.4);}
.request .form-box .box table tr td .radio-type1 + .radio-type1{margin-left:38px;}
.request .form-box .box table tr td .radio-type1 input[type="text"]{margin-left:16px;display:inline-block;width:300px;}
.request .form-box .box .toggle-box2{border:1px solid #ddd;margin-top:26px;border-bottom:0;}
.request .form-box .box .toggle-box2 dt{position:relative;border-bottom:1px solid #ddd;padding:22px 23px;}
.request .form-box .box .toggle-box2 dt button{content:"";position:absolute;right:23px;display:inline-block;width:26px;height:26px;background:url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;}
.request .form-box .box .toggle-box2 dt.on button{transform:rotate(-180deg);}
.request .form-box .box .toggle-box2 dd{display:none;padding:24px 63px;font-size: 16px;font-weight: normal;line-height: 2;color:rgba(34,34,34,0.6);border-bottom:1px solid #ddd;}
.request .form-box .button-box{margin-top:96px;text-align: center;}
.request .form-box .button-box button{padding:0 64px;display:inline-block;text-align: center;height:54px;color:#fff;font-size: 18px;background:#333;}

.request .complete{padding:74px 0 128px;margin:0 32px;text-align: center;border-top:1px solid #ddd;}
.request .complete .txt1{margin-top:47px; font-size: 18px;font-weight: bold;color:rgba(34,34,34,0.6);  line-height: 1.78;}
.request .complete strong{display:block;margin-top:47px;font-size: 40px;font-weight: bold;line-height: 1.3;}
.request .complete .txt2{margin-top:43px;color:rgba(34,34,34,0.6);font-size: 18px;font-weight: normal;  line-height: 1.78;}
.request .complete a{display:inline-block;margin-top:80px;width:234px;height:54px;line-height: 54px;text-align: center;color:#fff;background:#333;font-size: 18px;font-weight: bold;}

.bbs{padding:0 32px}
.bbs .list{padding:60px 0 96px;}
.bbs .list table{table-layout: fixed;border-top:2px solid #000;}
.bbs .list table thead tr th{text-align: center;padding:22px 10px;font-size: 16px;font-weight: bold;background:#f7f7f7;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.bbs .list table thead tr th:first-child{border-left:0;}
.bbs .list table tbody tr td{padding:22px 24px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align: center;font-size: 16px;font-weight: normal;}
.bbs .list table tbody tr td a{display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;max-width: calc(100% - 55px);}
.bbs .list table tbody tr td a:hover{text-decoration: underline;}
.bbs .list table tbody tr td em{vertical-align: middle;display:inline-block;color:#d22459;margin-left:5px;}
.bbs .list table tbody tr td.date{}
.bbs .list table tbody tr td:first-child{border-left:0;}
.bbs .list .button-box{margin-top:16px;text-align: right;font-size:0;}
.bbs .list .button-box .button{position:relative;display:inline-block;border:2px solid #333;line-height: 37px;text-align: center;  font-size: 16px;color:#222;font-weight: normal;width:133px;}
.bbs .list .button-box .button:before{content:"";display:inline-block;width:17px;height:17px;background:url(../images/icon/moreview3.svg) no-repeat;background-size: cover;margin-right:8px;position:relative;top:2px;}

.bbs .view{padding:60px 0 96px;border-top: 1px solid #ddd;}
.bbs .view .view-top{padding-bottom: 21px;border-bottom:2px solid #333;}
.bbs .view .view-top h4{font-size: 30px;font-weight: bold;}
.bbs .view .view-top .util{position: relative;margin-top:40px;font-size:0;}
.bbs .view .view-top .util span{position:relative;display:inline-block; font-size: 16px;font-weight: normal;}
.bbs .view .view-top .util .name{}
.bbs .view .view-top .util .view-count{margin-left:55px;}
.bbs .view .view-top .util .view-count:before{content:"";position:absolute;top:3px;left:-24px;display:inline-block;width:1px;height:16px;background:#222;}
.bbs .view .view-top .util .date{position:absolute;right:0;}
.bbs .view .view-file {padding:20px 0 0; font-size: 16px;font-weight: normal;line-height: 2;}
.bbs .view .view-file strong {font-weight:bold;margin-right:20px;}
.bbs .view .view-content{padding:40px 0 142px;font-size: 16px;font-weight: normal;line-height: 2;}
.bbs .view .view-bottom{background:#f7f7f7;padding:57px 32px 52px;margin:0 -32px;}
.bbs .view .button-box{position:relative;padding-top:13px;text-align: right;}
.bbs .view .button-box .button{position:relative;display:inline-block;padding:0 32px;border:2px solid #333;height:41px;line-height:37px;color:#fff; font-size: 16px;font-weight: normal;vertical-align: middle;background:#333;}
.bbs .view .button-box .list-button{position:absolute;left:0;}
.bbs .view .button-box .write-button{background:#fff;color:#222;}
.bbs .view .button-box .button-white{background:#fff;color:#222;}
.bbs .view .button-box .write-button:before{content: "";display: inline-block;width: 17px;height: 17px;background: url(../images/icon/moreview3.svg) no-repeat;background-size: cover;margin-right: 8px;position: relative;top: 2px;}
.bbs .view .button-box .button + .button{margin-left:16px;}

.bbs .form{padding:58px 0 96px;border-top: 1px solid #ddd;}
.bbs .form h3{font-size: 24px;font-weight: bold;padding-bottom:26px;border-bottom:2px solid #333;}
.bbs .form table{margin-top:30px;}
.bbs .form table tbody tr td{padding:12px 0;}
.bbs .form table tbody tr td{}
.bbs .form table tbody tr td input[type="text"]{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;}
.bbs .form table tbody tr td input[type="text"]::placeholder{color:rgba(34,34,34,0.4);}
.bbs .form table tbody tr td textarea{width: 100%;height: 575px;border: 1px solid #ddd;padding: 32px 24px 0;resize: none;font-size: 16px;font-weight: normal;line-height: 2.25;color:rgba(34,34,34,0.4);}
.bbs .form table tbody tr td textarea::placeholder{color:rgba(34,34,34,0.6);}
.bbs .form table tbody tr td textarea.active{color:rgba(34,34,34,1);}
.bbs .form table tbody tr td.view-file {font-size: 16px;font-weight: normal;line-height: 2;}
.bbs .form table tbody tr td.view-file strong {font-weight:bold;margin-right:20px;}
.bbs .form .button-box{margin-top:84px;text-align: center;}
.bbs .form .button-box button{display:inline-block;color:#fff;font-size: 18px;font-weight: normal;padding:0 64px;background:#333;height:54px;}

.estimate .bbs .list{border-top: 1px solid #ddd;}

.wailingsound{padding:0 32px;}
.wailingsound .form-box{padding:79px 0 96px;border-top: 1px solid #ddd;}
.wailingsound .form-box h4{font-size: 24px;font-weight: bold;}
.wailingsound .form-box h4 span{margin-left:22px;display:inline-block;opacity: 0.6;font-size: 18px;font-weight: normal;color:#222;}
.wailingsound .form-box .box{border-top:2px solid #333;margin-top:25px;}
.wailingsound .form-box .box + h4{margin-top:72px;}
.wailingsound .form-box .box table{margin-top:12px;table-layout: fixed;}
.wailingsound .form-box .box table tr th{width:20%;padding:12px 0 12px 24px;font-size: 16px;font-weight: normal;text-align: left;}
.wailingsound .form-box .box table tr td{padding:12px 0;}
.wailingsound .form-box .box table tr td select{border:1px solid #ddd;width:100%;height:64px;font-size: 16px;font-weight: normal;padding:0 40px 0 22px;}
.wailingsound .form-box .box table tr td select:disabled{color:rgba(34,34,34,0.4);background:#efefef url(../images/icon/down-detail-btn.svg) no-repeat; background-position: 95% 50%;}
.wailingsound .form-box .box table tr td .select-wrap select + select{margin-left:24px;}
.wailingsound .form-box .box table tr td .select-wrap{display:flex;}
.wailingsound .form-box .box table tr td .select-wrap select{flex:1;}
.wailingsound .form-box .box table tr td .select-wrap + select{margin-top:24px;}
.wailingsound .form-box .box table tr td .select-wrap2 select + select{margin-left:24px;}
.wailingsound .form-box .box table tr td .select-wrap2{display:flex;}
.wailingsound .form-box .box table tr td .select-wrap2 select{flex:1;}
.wailingsound .form-box .box table tr td .select-wrap2 + select{margin-top:24px;}
.wailingsound .form-box .box table tr td input[type="text"],
.wailingsound .form-box .box table tr td input[type="tel"]{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;}
.wailingsound .form-box .box table tr td input[type="text"]::placeholder,
.wailingsound .form-box .box table tr td input[type="tel"]::placeholder{color:rgba(34,34,34,0.4);}
.wailingsound .form-box .box table tr td input[type="text"].small,
.wailingsound .form-box .box table tr td input[type="tel"].small{max-width:70%;}
.wailingsound .form-box .box table tr td .textarea1{width:100%;height:64px;border:1px solid #ddd;padding:0 24px;font-size: 16px;font-weight: normal;resize:none;}
.wailingsound .form-box .box table tr td .textarea1::placeholder{color:rgba(34,34,34,0.4);}
.wailingsound .form-box .box table tr td .radio-type1 + .radio-type1{margin-left:38px;}
.wailingsound .form-box .box table tr td .radio-type1.block{display: block;margin-left:0 !important;margin-top:24px;}
.wailingsound .form-box .box table tr td .radio-type1 input[type="text"]{margin-left:16px;display:inline-block;width:300px;}
.wailingsound .form-box .box table tr td .textarea1{width:100%;height:64px;border:1px solid #ddd;padding:20px 24px;font-size: 16px;font-weight: normal;resize: none;}
.wailingsound .form-box .box table tr td .textarea1::placeholder{color:rgba(34,34,34,0.4);}
.wailingsound .form-box .box table tr td .input-wrap{display: flex}
.wailingsound .form-box .box table tr td .input-wrap select{flex:1;}
.wailingsound .form-box .box table tr td .input-wrap input[type="text"]{flex:1;margin-left:24px;}
.wailingsound .form-box .box .toggle-box2{border:1px solid #ddd;margin-top:26px;border-bottom:0;}
.wailingsound .form-box .box .toggle-box2 dt{position:relative;border-bottom:1px solid #ddd;padding:22px 23px;}
.wailingsound .form-box .box .toggle-box2 dt button{content:"";position:absolute;right:23px;display:inline-block;width:26px;height:26px;background:url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;}
.wailingsound .form-box .box .toggle-box2 dt.on button{transform:rotate(-180deg);}
.wailingsound .form-box .box .toggle-box2 dd{display:none;padding:24px 63px;font-size: 16px;font-weight: normal;line-height: 2;color:rgba(34,34,34,0.6);border-bottom:1px solid #ddd;}
.wailingsound .form-box .button-box{margin-top:96px;text-align: center;}
.wailingsound .form-box .button-box button{padding:0 64px;display:inline-block;text-align: center;height:54px;color:#fff;font-size: 18px;background:#333;}

.by-contents{padding:0 32px;}
.by-contents .toggle-contents{padding:74px 0 96px;border-top:1px solid #ddd;}
.by-contents .toggle-contents .toggle-box{border-top:1px solid #ddd;}
.by-contents .toggle-contents .toggle-box dt{position:relative;padding:28px 76px 28px 88px;font-size: 16px;font-weight: bold;border-bottom:1px solid #ddd;cursor:pointer;}
.by-contents .toggle-contents .toggle-box dt:before{content:"";position:absolute;top:20px;left:24px;display:inline-block;width:40px;height:40px;background:url(../images/icon/viewicon.svg) no-repeat;background-size: cover;}
.by-contents .toggle-contents .toggle-box dt:after{content:"";display:inline-block;width:26px;height:26px;    background: url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;position:absolute;right:23px;}
.by-contents .toggle-contents .toggle-box dd{display:none;padding:32px 63px;border-bottom:1px solid #ddd;color:rgba(34,34,34,0.6);font-size: 16px;font-weight: normal;line-height: 2;}



.company section{padding:0 32px;}
.company .tab{border-top: 1px solid #ddd;padding-top: 76px;}
.bepco{padding:77px 0 96px;}
.bepco h3{font-size: 30px;font-weight: bold;}
.bepco > p {font-size: 24px;}
.bepco .box{margin-top:86px;}
.bepco .box h4{position:relative;padding-left:64px;font-size: 22px;font-weight: bold;}
.bepco .box h4:before{content:"";position:absolute;top:-6px;left:0;display:inline-block;width:40px;height:40px;background:url(../images/icon/checkicon.svg) no-repeat;background-size: cover;}
.bepco .box .list-box{align-items: center;padding-left:64px;margin-top:86px;}
.bepco .box .list-box > div{position:relative;border:3px solid #ffd23d;background:#fff;text-align: center;padding:21px 0;font-size: 18px;font-weight: bold;}
.bepco .box .list-box > div:before{content: "";position: absolute;left: 50%;top: -12px;display: inline-block;width: 38.5px;height: 3px;background: url(../images/icon/line-img.svg) no-repeat;background-size: cover;transform: translateX(-50%) rotate(90deg);z-index: -1;}
.bepco .box .list-box > div:first-child:before{display:none;}
.bepco .box .list-box > div + div{margin-top:14px;}
.bepco .box ul{padding-left:64px;margin-top:32px;}
.bepco .box ul li{position:relative; font-size: 16px;line-height:1.78;color:rgba(34,34,34,0.6);}
.bepco .app{margin-top:96px;border-top:1px solid #ddd;padding-top:72px;font-size:0;}
.bepco .app h3{margin-bottom:64px;}
.bepco .app a{display:inline-block;}
.bepco .app a + a{margin-left:30px;}
.bepco .app a img{display:block;}
.bepco .connect{margin-top:96px;border-top:1px solid #ddd;padding-top:72px;}
.bepco .connect ul{margin-top:64px;}
.bepco .connect ul li{display:flex;align-items: center;}
.bepco .connect ul li + li{margin-top:40px;}
.bepco .connect ul li i{display:inline-block;}
.bepco .connect ul li i img{display:block;}
.bepco .connect ul li strong{display:inline-block;width:124px;font-size: 18px;font-weight: bold;margin-left:23px;}
.bepco .connect ul li a{position:relative;display:inline-block;margin-left:30px;font-size: 18px;font-weight: normal;text-decoration: underline;}
.bepco .connect ul li a:before{content:"";position:absolute;left:-30px;display:inline-block;width:1px;height:26px;background:#ddd;}
.bepco .txt{margin-top:72px;padding-top:72px;border-top:1px solid #ddd;font-size: 18px;font-weight: normal;}
.bepco .txt a{font-weight: bold;color: #d22459;}
.bepco .txt a:hover{text-decoration: underline;}

.why{padding:96px 0 132px;}
.why ul{}
.why ul li{display:flex;}
.why ul li + li{margin-top:72px;}
.why ul li figure{width:260px}
.why ul li figure img{display: block;}
.why ul li .txt-box{margin-left: 30px;width:calc(100% - 260px);}
.why ul li .txt-box h4{font-size: 22px;font-weight: bold;}
.why ul li .txt-box p{margin-top:32px;font-size: 16px;line-height: 2;color:rgba(34,34,34,0.6);}


.community{}
.community .tab{margin-top:74px;}
.community .tab button br{display:none;}


.event{}
.event .list{padding:74px 32px 115px;}
.event .list ul{margin-top:68px;font-size:0;}
.event .list ul li{position:relative;display:inline-block;width:48%;margin:0 1% 72px;}
.event .list ul li a{display:block;}
.event .list ul li .picture{display:block;}
.event .list ul li .picture img{display:block;width:100%;}
.event .list ul li .txt-box{margin-top:32px;}
.event .list ul li .txt-box h4{font-size: 26px;font-weight: 500;color: #000;padding-bottom: 32px;border-bottom: 1px solid #ddd;}
.event .list ul li .txt-box .txt{margin-top: 32px;font-size: 18px;color: rgba(0, 0, 0, 0.6);display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height:130px;}
.event .list ul li .txt-box .bottom{display:flex;margin-top:32px;}
.event .list ul li .txt-box .bottom span{position:relative;display:inline-block;font-size: 16px;color: #000;}
.event .list ul li .txt-box .bottom span:before{content:"";position:absolute;top:4px;left:-16px;display:inline-block;width:1px;height:14px;background:#707070;}
.event .list ul li .txt-box .bottom span:first-child:before{display:none;}
.event .list ul li .txt-box .bottom span + span{margin-left:32px;}
.event .list ul li .badge{position:absolute;top:0;left:0;display:inline-block;width:70px;line-height: 29px;text-align: center;color:#fff;font-size: 14px;font-weight: bold;}
.event .list ul li .badge.event{background:#ffca0e;}
.event .list ul li .badge.news{background:#e9323f;}


.mypage{padding:0 32px;}
.mypage .myinfo{border-top:1px solid #ddd;padding-top:56px;}
.mypage .myinfo .info-top{}
.mypage .myinfo .info-top .profile{display:flex;align-items: center;}
.mypage .myinfo .info-top .profile strong{margin-left:22px;display:inline-block;font-size: 30px;font-weight: bold;color: #222;}
.mypage .myinfo .info-top .button-group{margin-top:40px;font-size:0;}
.mypage .myinfo .info-top .button-group a{display:inline-block;padding:0 24px;border:1px solid #ddd;line-height: 46px;font-size: 18px;color: #222;}
.mypage .myinfo .info-top .button-group a + a{margin-left:16px;}
.mypage .myinfo .info-top .button-group a i{position:relative;display:inline-block;vertical-align: middle;margin-right:8px;top:-2px;}
.mypage .myinfo .info-top .button-group a i img{display:block;}
.mypage .myinfo .activity{display:flex;margin-top:40px;border:1px solid #ddd;padding:24px 0;}
.mypage .myinfo .activity > div{flex:1;text-align: center;}
.mypage .myinfo .activity > div span{display:block;font-size: 18px;font-weight: normal;color: #222;}
.mypage .myinfo .activity > div strong{margin-top:20px;display:block;font-size: 30px;font-weight: bold;color: #222;}
.mypage .myinfo .activity > div:last-child strong{margin-top:26px;font-size:20px;}
.mypage .mypage-title{margin-top:83px;}
.mypage .mypage-title h4{padding-bottom:27px;border-bottom:2px solid #333;font-size: 24px;font-weight: bold;color: #222;}
.mypage .tab{margin-top:56px;}
.mypage .bbs{padding:0;}
.mypage .edit{padding:56px 0 96px;}
.mypage .edit .form-type1 dl{margin-top: 0;}
.mypage .edit .form-type1 dl dd textarea{border:1px solid #ddd;resize: none;width:100%;height:300px;}
.mypage .edit .button-box{margin-top: 96px;text-align: center;}
.mypage .edit .button-box button{padding: 0 64px;display: inline-block;text-align: center;height: 54px;color: #fff;font-size: 18px;background: #333;}
.mypage .edit .form-type1 dl dd .email-wrap{display:flex;align-items: center;}
.mypage .edit .form-type1 dl dd .email-wrap input[type="text"]{width:45%;}
.mypage .edit .form-type1 dl dd .email-wrap span{display:inline-block;font-size:18px;margin:0 32px;}
.mypage .edit .form-type1 dl dd .email-wrap span + input[type="text"]{}
.mypage .edit .form-type1 dl dd .email-wrap button{margin-left:24px;display:inline-block;width:126px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
.mypage .edit .form-type1 dl dd .input-wrap{display:flex;align-items: center;}
.mypage .edit .form-type1 dl dd .input-wrap input[type="tel"]{width:calc(100% - 167px);}
.mypage .edit .form-type1 dl dd .input-wrap button{margin-left:24px;display:inline-block;width:143px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
.mypage .edit .form-type1 dl dd .input-wrap2{margin-top:32px;display:flex;align-items: center;}
.mypage .edit .form-type1 dl dd .input-wrap2 input[type="tel"]{width:46%;}
.mypage .edit .form-type1 dl dd .input-wrap2 button{margin-left:24px;display:inline-block;width:126px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
.mypage .edit .sns-box{margin-top:67px;}
.mypage .edit .sns-box .top{position: relative;}
.mypage .edit .sns-box .top h4{font-size: 24px;font-weight: bold;color: #222;}
.mypage .edit .sns-box .sns-list{margin-top:26px;border-top:2px solid #333;}
.mypage .edit .sns-box .sns-list ul{margin-top:30px;display:flex;flex-wrap: wrap;width:100%;}
.mypage .edit .sns-box .sns-list ul li {margin-right:10px;}
.mypage .edit .sns-box .sns-list ul li img {width:69px;}
.mypage .edit .brand-box{margin-top:67px;}
.mypage .edit .brand-box .top{position: relative;}
.mypage .edit .brand-box .top h4{font-size: 24px;font-weight: bold;color: #222;}
.mypage .edit .brand-box .top p{margin-top:24px;display:block;font-size: 18px;color: #d22459;font-weight:normal;word-break: keep-all;}
.mypage .edit .brand-box .top .checkbox-type1{position:absolute;top:-4px;right:0;}
.mypage .edit .brand-box .top .checkbox-type1 label{background:#ffca0e;width:155px;line-height: 43px;text-align: center;font-size:16px;color:#fff;text-align: center;padding:0;}
.mypage .edit .brand-box .top .checkbox-type1 label:before{position: relative;background: #fff;border-color: #fff;vertical-align: middle;margin-right: 8px;top: -2px;}
.mypage .edit .brand-box .top .checkbox-type1 label:after{border-color: #ffca0e;left: 40px;top: 9px;display:inline-block;}
.mypage .edit .brand-box .brand-list{margin-top:20px;border-top:2px solid #333;}
/*.mypage .edit .brand-box .brand-list ul{margin-top:40px;display:flex;flex-wrap: wrap;width:100%;}*/
/*.mypage .edit .brand-box .brand-list ul li{position:relative;width:33.3333%;border:1px solid #ddd;padding:17px 0 17px 50px;margin:-0.5px;}*/
/*.mypage .edit .brand-box .brand-list ul li .checkbox-type1{position:absolute;left:16px;top:35%;transform: translateY(-50%);}*/
/*.mypage .edit .brand-box .brand-list ul li .checkbox-type1 label{font-size:0}*/
/*.mypage .edit .brand-box .brand-list ul li p{display:inline-block;}*/
/*.mypage .edit .brand-box .brand-list ul li p i{display:inline-block;vertical-align: middle;}*/
/*.mypage .edit .brand-box .brand-list ul li p i img{display:block;}*/
/*.mypage .edit .brand-box .brand-list ul li p span{vertical-align: middle;margin-left:8px;display:inline-block;font-size: 16px;font-weight: normal;}*/
.mypage .edit .brand-box .brand-list ul{margin-top:30px;display:grid;gap:25px; grid-template-columns: 1fr 1fr 1fr;width:100%;}
.mypage .edit .brand-box .brand-list ul li{position:relative;width: 100%; aspect-ratio: 1.4; text-align: center;}
.mypage .edit .brand-box .brand-list ul li .checkbox-type1{position:absolute;left:16px;top:35%;transform: translateY(-50%);}
.mypage .edit .brand-box .brand-list ul li .checkbox-type1 label{font-size:0}
.mypage .edit .brand-box .brand-list ul li input {display: none;}
.mypage .edit .brand-box .brand-list ul li label {display:block; width: 100%; height: 100%;border:2px solid #eee; border-radius: 18px;}
.mypage .edit .brand-box .brand-list ul li input:checked + label {border: 2px solid #ffca0e;}
.mypage .edit .brand-box .brand-list ul li p{height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.mypage .edit .brand-box .brand-list ul li p i{display:inline-block;vertical-align: middle;max-width:50px;}
.mypage .edit .brand-box .brand-list ul li p i img{display:block;}
.mypage .edit .brand-box .brand-list ul li p span{margin-top: 10px; vertical-align: middle;display:inline-block;font-size: 16px;font-weight: normal;}



.signup{padding:0 32px;}
.signup .form-box{padding:63px 0 116px;border-top: 1px solid #ddd;}
.signup .form-box h4{font-size: 24px;font-weight: bold;}
.signup .form-box .box{border-top: 2px solid #333;margin-top: 25px;}
.signup .form-box .box .toggle-box2{border:1px solid #ddd;margin-top:40px;border-bottom:0;}
.signup .form-box .box .toggle-box2 dt{position:relative;border-bottom:1px solid #ddd;padding:22px 23px;}
.signup .form-box .box .toggle-box2 dt a{position:absolute;right:23px;display:inline-block;}
.signup .form-box .box .toggle-box2 dt button{content:"";position:absolute;right:23px;display:inline-block;width:26px;height:26px;background:url(../images/icon/down-detail-btn.svg) no-repeat;background-size: cover;}
.signup .form-box .box .toggle-box2 dt.on button{transform:rotate(-180deg);}
.signup .form-box .box .toggle-box2 dd{display:none;padding:24px 63px;font-size: 16px;font-weight: normal;line-height: 2;color:rgba(34,34,34,0.6);border-bottom:1px solid #ddd;}
.signup .form-box .button-box{margin-top:96px;text-align: center;}
.signup .form-box .button-box button{padding:0 64px;display:inline-block;text-align: center;height:54px;color:#fff;font-size: 18px;background:#333;}
.signup .form-box .box .form-type1 dl dd .email-wrap{display:flex;align-items: center;}
.signup .form-box .box .form-type1 dl dd .email-wrap input[type="text"]{width:45%;}
.signup .form-box .box .form-type1 dl dd .email-wrap span{display:inline-block;font-size:18px;margin:0 32px;}
.signup .form-box .box .form-type1 dl dd .email-wrap span + input[type="text"]{}
.signup .form-box .box .form-type1 dl dd .email-wrap button{margin-left:24px;display:inline-block;width:126px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
/* s::20221207 */
.signup .form-box .box .form-type1 dl dd .tel-wrap{display:flex;align-items: center;}
.signup .form-box .box .form-type1 dl dd .tel-wrap select{width: 33.3333%}
.signup .form-box .box .form-type1 dl dd .tel-wrap input[type="tel"]{width: 33.3333%}
.signup .form-box .box .form-type1 dl dd .tel-wrap select + input[type="tel"],
.signup .form-box .box .form-type1 dl dd .tel-wrap input[type="tel"] + input[type="tel"]{margin-left:24px;}
.signup .form-box .box .form-type1 dl dd .tel-wrap button{margin-left:24px;display:inline-block;width:143px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
/* e::20221207 */
.signup .form-box .box .form-type1 dl dd .input-wrap{display:flex;align-items: center;}
.signup .form-box .box .form-type1 dl dd .input-wrap input[type="tel"]{width:calc(100% - 167px);}
.signup .form-box .box .form-type1 dl dd .input-wrap button{margin-left:24px;display:inline-block;width:143px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
.signup .form-box .box .form-type1 dl dd .input-wrap2{margin-top:32px;display:flex;align-items: center;}
.signup .form-box .box .form-type1 dl dd .input-wrap2 input[type="tel"]{width:46%;}
.signup .form-box .box .form-type1 dl dd .input-wrap2 button{margin-left:24px;display:inline-block;width:126px;height:64px;text-align: center;background:#333;color:#fff;font-size:16px;}
.signup .brand-box{margin-top:67px;}
.signup .brand-box .top{position: relative;}
.signup .brand-box .top h4{}
.signup .brand-box .top p{margin-top:24px;display:block;font-size: 18px;color: #d22459;font-weight:normal;word-break: keep-all;}
.signup .brand-box .top .checkbox-type1{position:absolute;top:-4px;right:0;}
.signup .brand-box .top .checkbox-type1 label{background:#ffca0e;width:155px;line-height: 43px;text-align: center;font-size:16px;color:#fff;text-align: center;padding:0;}
.signup .brand-box .top .checkbox-type1 label:before{position: relative;background: #fff;border-color: #fff;vertical-align: middle;margin-right: 8px;top: -2px;}
.signup .brand-box .top .checkbox-type1 label:after{border-color: #ffca0e;left: 40px;top: 9px;display:inline-block;}
/*.signup .brand-box .brand-list{margin-top:20px;border-top:2px solid #333;}*/
/*.signup .brand-box .brand-list ul{margin-top:40px;display:flex;flex-wrap: wrap;width:100%;}*/
/*.signup .brand-box .brand-list ul li{position:relative;width:33.3333%;border:1px solid #ddd;padding:17px 0 17px 50px;margin:-0.5px;}*/
/*.signup .brand-box .brand-list ul li .checkbox-type1{position:absolute;left:16px;top:35%;transform: translateY(-50%);}*/
/*.signup .brand-box .brand-list ul li .checkbox-type1 label{font-size:0}*/
/*.signup .brand-box .brand-list ul li p{display:inline-block;}*/
/*.signup .brand-box .brand-list ul li p i{display:inline-block;vertical-align: middle;}*/
/*.signup .brand-box .brand-list ul li p i img{display:block;}*/
/*.signup .brand-box .brand-list ul li p span{vertical-align: middle;margin-left:8px;display:inline-block;font-size: 16px;font-weight: normal;}*/
.signup .brand-box .brand-list ul{margin-top:20px;display:grid;gap:20px; grid-template-columns: 1fr 1fr 1fr;width:100%;}
.signup .brand-box .brand-list ul li{position:relative;width: 100%; aspect-ratio: 1.4; text-align: center;}
.signup .brand-box .brand-list ul li .checkbox-type1{position:absolute;left:16px;top:35%;transform: translateY(-50%);}
.signup .brand-box .brand-list ul li .checkbox-type1 label{font-size:0}
.signup .brand-box .brand-list ul li input {display: none;}
.signup .brand-box .brand-list ul li label {display:block; width: 100%; height: 100%;border:2px solid #eee; border-radius: 18px;}
.signup .brand-box .brand-list ul li input:checked + label {border: 2px solid #ffca0e;}
.signup .brand-box .brand-list ul li p{height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.signup .brand-box .brand-list ul li p i{display:inline-block;vertical-align: middle;max-width:50px;}
.signup .brand-box .brand-list ul li p i img{display:block;}
.signup .brand-box .brand-list ul li p span{margin-top: 10px; vertical-align: middle;display:inline-block;font-size: 16px;font-weight: normal;}
.signup .brand-box + h4{margin-top: 72px;}

.find{padding:0 32px;}
.find .form-type1{border-top:1px solid #ddd;padding:127px 0 189px;}
.find .form-type1 h3{text-align: center;font-size: 32px;font-weight: bold;line-height: 1.63;color: #222;}
.find .form-type1 dl{margin-top:63px;}
.find .form-type1 .button-box{margin-top:76px;text-align: center;}
.find .form-type1 .button-box button{display: inline-block;text-align: center;width:178px;height:54px;background: #333;color:#fff;font-size:18px;}


.policy{padding:0 32px;}
.policy .txt-box{border-top:1px solid #ddd;padding:75px 0 189px;font-size:18px;line-height: 1.78;color:#222;}

.intro {
    display: block;
}

.company .layout {
    max-width: 1400px;
}
.company .bg-gray {
    background: #f7f7f7;
}
.company .bepuxio {padding:130px 0 140px}
.company .bepuxio .box {
    display: flex;
    align-items: start;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}
.company .bepuxio .box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.company .bepuxio .box .icon {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 24px;
}
.company .bepuxio .box .icon img {
    max-width: 100%;
}
.company .bepuxio .box h4 {
    width: calc(100% - 64px);
    flex: 0 0 calc(100% - 64px);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.43;
    color: #222;
    word-break: keep-all;
}
.company .bepuxio .box ul {
    flex: 1;
    margin-top: 14px;
    padding-left: 64px;
}
.company .bepuxio .box ul li {
    position: relative;
    padding-left: 8px;
    opacity: 0.6;
    color: #222;
    font-size: 18px;
    line-height: 32px;
}
.company .bepuxio .box ul li:before {
    content: '.';
    position: absolute;
    left: 0;
    opacity: 0.6;
    color: #222;
}
.company section h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 64px;
    color: #222;
}

.company .app {padding:62px 0 65px; display: flex; align-items: center; flex-direction: column}
.company .app > img {width: 95px;margin-bottom: 32px;}
.company .app > h3 {margin-bottom: 49px;font-size: 40px;font-weight: 500;color: #fff;}

.company .connect {padding: 140px 0 140px;}
.company .connect .connect-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.company .connect .connect-box + .connect-box {
    margin-top: 16px;
}
.company .connect .connect-box .box {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    padding: 28px 62px 64px 28px;
    background: #f7f7f7;
    cursor: pointer;
}
.company .connect .connect-box .box i {
    display: block;
    width: 64px;
    margin-bottom: 78px;
}
.company .connect .connect-box .box h3 {
    margin-bottom: 21px;
    font-size: 20px;
    letter-spacing: -0.4px;
    color: #222;
}
.company .connect .connect-box .box h4 {
    font-size: 18px;
    letter-spacing: -0.36px;
    opacity: 0.6;
    color: #222;
}
.company .contact {padding: 140px 0 140px;}
.company .contact .contact-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
}
.company .contact .contact-box .box {
    width: 100%;
    flex: 0 0 100%;
    padding: 48.5px 81.8px 60.5px 45px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company .contact .contact-box .box .left {
    flex: 1;
}
.company .contact .contact-box .box .left p {
    margin-bottom: 39px;
    font-size: 18px;
    line-height: 32px;
    color: #222;
}
.company .contact .contact-box .box .left > img {
    display: none;
}
.company .contact .contact-box .box .left .btn {
    display: inline-block;
    padding: 16px 64px;
    font-size: 19px;
    color: #fff;
    background-color: #333;
}
.company .contact .contact-box .box .left .btn-outline {
    color: #333;
    background: #fff;
    border: 1px solid #333;
}
.company .contact .contact-box .box .right {
    width: 115px;
    flex: 0 0 110px;
}

/* mobile */
@media all and (max-width:640px) {
    .filebox .upload-name{height:45px;max-width:calc(100% - 95px);}
    .filebox label{margin-left:15px;width:80px;height:45px;line-height: 45px;font-size:14px;}

    .quick-sns{width:45px;}
    .quick-sns .quick {padding:12px 0;height:45px;line-height:1;font-size:10px;display:none;}
    .quick-sns .opentalk {padding:5px;height:45px;}

    .quick-menu a{width:50px;height:50px;}
    .quick-menu .quick{font-size:12px;}
    .quick-menu .opentalk{top:50px;}
    .quick-menu .opentalk i{left:12px;width: 30px;height: 30px;}
    .quick-menu .opentalk span{}
    #paging{margin-top:36px;}
    .nodata p{font-size:14px;}

    .tab .button{height:45px;padding-top:5px;font-size:14px;line-height: 35px;}
    .tab .button br{display:inline;}

    .checkbox-type1 label{padding-left:30px;font-size:14px;}
    .checkbox-type1 label:before{width:20px;height:20px;}
    .checkbox-type1 label:after{top: 1px;left: 8px;width: 5px;height: 11px;}

    .radio-type1 label{font-size:14px;padding-left:30px;}
    .radio-type1 label:before{width:20px;height:20px;}
    .radio-type1 label:after{left:4px;top:3px;}

    .form-type1{}
    .form-type1 dl{margin-top:18px;}
    .form-type1 dl dt{padding:0;width:100%;font-size:14px;float:none;}
    .form-type1 dl dt br{display: none;}
    .form-type1 dl dd{margin-top:12px;padding:0;font-size:14px;}
    .form-type1 dl dd + dd{margin-top:24px;}
    .form-type1 dl dd.colspan{padding:0;}
    .form-type1 dl dd + dt{margin-top:18px;}
    .form-type1 dl dd input[type="text"],
    .form-type1 dl dd input[type="tel"],
    .form-type1 dl dd input[type="password"] {height:45px;padding:0 12px;font-size:14px;}
    .form-type1 dl dd select{height:45px;padding:0 20px 0 11px;font-size:14px;}
    .form-type1 dl dd .select-wrap select + select{margin-left:12px;}
    .form-type1 dl dd .select-wrap2{}
    .form-type1 dl dd .select-wrap2 select + select{margin-left:12px;}
    /* 20221015 수정 */
    .form-type1 dl dd .select-wrap2 input[type="text"]{margin-left:12px;}
    .form-type1 dl dd .select-wrap + select{margin-top:12px;}
    .form-type1 dl dd .radio-type1.block{display:block;width:100%;margin-left:0;}
    .form-type1 dl dd .radio-type1 + .radio-type1{margin-left:10px;}
    .form-type1 dl dd .radio-type1 + .radio-type1.block{margin-left:0;}
    .form-type1 dl dd.radio-type1 input[type="text"]{margin-top:12px;margin-left:0;width:100%;}
    .form-type1 dl dd .textarea1{height:61px;font-size:14px;padding:12px;}
    .form-type1 dl dd input[type="text"].small,
    .form-type1 dl dd input[type="tel"].small{max-width:100%;}
    .form-type1 dl dd .radio-type1 input[type="text"]{margin-left: 12px;display: inline-block;width: calc(100% - 67px);}
    .form-type1 dl dd .input-wrap{display: block;}
    .form-type1 dl dd .input-wrap input[type="text"]{margin-left:0;}
    .form-type1 dl dd .group-box{font-size:0;padding-top:5px;}
    .form-type1 dl dd .group-box .radio-type1{display: inline-block;width:50%;margin-bottom:12px;}
    .form-type1 dl dd .group-box .radio-type1.block{display:block;width:100%;margin-bottom:0;}
    .form-type1 dl dd .group-box .radio-type1 + .radio-type1{margin-left:0;}

    /* s::20221117 */
    .checkbox-type2 label{padding:0 15px;line-height: 40px;font-size:14px;}
    .dl-style1 input[type="text"] {padding:0 15px;line-height: 40px;font-size:14px;}
    .no-search p{font-size:14px;}
    /* e::20221117 */

    /* s::20221117 */
    .no-search{margin-top:13px;padding:35px 0 45px;}
    .no-search i{width:32px;}
    /* e::20221117 */

    header{padding:12px 16px;height:61px;}
    header .logo{width:116px;}
    /* s::20221117 */
    header .home{width: 23px;top: 18px;left: 45px;}
    /* e::20221117 */
    header .button-back{width:24px;height:24px;left:16px;top:19px;}
    header .navi-icon{width:24px;height:24px;right:16px;top:17px;}
    /* s::20221117 */
    header .user{font-size: 15px;top:20px;right: 60px;}
    /* e::20221117 */

    aside{top:61px;height: calc(100% - 60px);}
    aside .util-box{padding:21px 16px 20px}
    aside .util-box .button{font-size:14px;line-height: 40px;height: 40px;width:90px;}
    aside .util-box .button + .button{margin-left:16px;}
    aside dl{margin-top:16px;height: calc(100% - 100px);}
    aside dl dt{padding:15px 34px;font-size:15px;}
    aside dl dt a{font-size:16px;}
    aside dl dd{padding:14px 34px;}
    aside dl dd a{font-size:14px;}

    footer{padding:24px 17px 29px;}
    footer .footer-logo{width:90px;}
    footer .footer-logo img{display:block;}
    footer nav{margin-top:16.5px;}
    footer nav a{font-size:14px;}
    footer nav a + a{margin-left:40px;}
    footer nav a:before{left:-20px;top:4px;height:10px;}
    footer address{margin-top:21px;display:block;}
    footer address span{font-size: 12px;}
    footer address span + span{margin-left:0;margin-top:10px;}
    footer .copyright{font-size:11px;}

    /* s::20221117 */
    .moreview{font-size:15px;padding-right:28px;}
    .moreview:after{width:18px;height:18px;}
    /* e::20221117 */

    #main{padding-top:61px;}
    /* s::20221117 */
    #main .main-hgroup .moreview{top:2px;}
    /* e::20221117 */
    #main .main-hgroup h3{font-size:18px;}
    #main .main-hgroup p{font-size:14px;margin-top:15px;}
    #main .main-hgroup p br{display:none;}
    #main .main-visual .slick-slide .txt-box{padding:0 17px;top:35px;transform: none;}
    #main .main-visual .slick-slide .txt-box h3{font-size:28px;}
    #main .main-visual .slick-slide .txt-box p{font-size:16px;display: block;}
    #main .main-visual .slick-slide .txt-box p:before{max-width:280px; }

    #main .main-visual .first-slide .txt-box{padding:0 17px;top:35px;transform: none;}
    #main .main-visual .first-slide .txt-box h3{font-size: 36px;margin-bottom: 30px;}
    #main .main-visual .first-slide .txt-box p{font-size:24px;display: block;font-weight: 300;margin-bottom:8px;}

    #main .main-deal{padding:48px 0 48px 16px;}
    #main .main-deal .main-hgroup{padding-right:17px;}
    /* s::20221117 */
    #main .main-deal .main-hgroup .moreview{top:2px;right:17px;}
    /* e::20221117 */
    #main .main-deal .deal-slide{margin-top:27px;}
    #main .main-deal .deal-slide .slick-track{left:-61px;}
    #main .main-deal .deal-slide .slick-slide a .txt-box{padding:12px 12px 16px;}
    #main .main-deal .deal-slide .slick-slide a .txt-box h4{font-size:18px;line-height: normal;gap: 5px;}
    #main .main-deal .deal-slide .slick-slide a .txt-box h4 i{height:24px;}
    #main .main-deal .deal-slide .slick-slide a .txt-box .txt1{font-size: 16px;}
    /* 20221015 수정 */
    #main .main-deal .deal-slide .slick-slide a .txt-box .txt2{margin-top:15px;font-size: 14px;max-height:43px;}
    #main .main-deal .progress-wrap{margin-top:32px;height:4px;max-width: calc(100% - 12px);}
    #main .main-deal .progress-wrap .progress{height:4px;}
    #main .main-estimate{padding:48px 16px;}
    #main .main-estimate .input-wrap{margin-top:32px;}
    #main .main-estimate .input-wrap select {width:100px;height:45px;font-size: 14px;padding:0 25px 0 10px;}
    #main .main-estimate .input-wrap input[type="text"]{flex:0 0 calc(100% - 100px);max-width:calc(100% - 100px);height:45px;padding:0 40px 0 10px;font-size:14px;}
    #main .main-estimate .input-wrap button{width:45px;height:43px;}
    #main .main-estimate .brand-list{margin-top:32px;}
    #main .main-estimate .brand-list a + a{margin-left:8px;}
    #main .main-wailingsound{padding:30px 16px 20px;}
    #main .main-wailingsound h3{font-size:20px;}
    #main .main-wailingsound p{font-size:16px;margin-top:10px;word-break: keep-all;}
    #main .main-wailingsound p strong{display:inline-block;}
    #main .main-wailingsound a{line-height: 40px;font-size:15px;}
    #main .main-estimatelist{padding:48px 16px;}
    #main .main-estimatelist table{margin-top:48px;}
    #main .main-estimatelist table tbody tr td{padding:10px 8px;font-size:13px;}
    #main .main-rental{padding:48px 0 48px 16px;}
    #main .main-rental .main-hgroup{padding-right:16px;}
    #main .main-rental .main-hgroup .moreview{right:16px;}
    #main .main-rental .rental-slide{margin-top:48px;}
    #main .main-rental .rental-slide .slick-track{left:-61px;}
    #main .main-rental .rental-slide .slick-slide a .txt-box{padding:12px 12px 16px;}
    #main .main-rental .rental-slide .slick-slide a .txt-box h4{font-size:18px;line-height: normal;gap: 5px;}
    #main .main-rental .rental-slide .slick-slide a .txt-box h4 i{height:24px;}
    #main .main-rental .rental-slide .slick-slide a .txt-box .txt1{font-size: 16px;}
    /* 20221015 수정 */
    #main .main-rental .rental-slide .slick-slide a .txt-box .txt2{margin-top:15px;font-size: 14px;max-height:43px;}
    #main .main-rental .progress-wrap{margin-top:32px;height:4px;max-width: calc(100% - 12px);}
    #main .main-rental .progress-wrap .progress{height:4px;}
    #main .main-app{padding:40px 17px;}
    #main .main-app h3{font-size:16px;}
    #main .main-app .button-box{margin-top:22px;padding:0 20px;}
    #main .main-app .button-box a + a{margin-left:20px;}
    #main .main-bepco{padding:48px 16px;}
    #main .main-bepco ul{margin-top:13px;}
    #main .main-bepco ul li{margin:24px 0;}
    #main .main-bepco ul li a figure img{max-width:50%;}
    #main .main-bepco ul li a h4{margin-top:10px;font-size:16px;}
    #main .main-bepco ul li a p{margin-top:12px;font-size:13px;}
    #main .main-news{padding:48px 0 48px 16px;}
    #main .main-news .main-hgroup .moreview{right:16px;}
    #main .main-news .main-hgroup{padding-right:16px;}
    #main .main-news .news-slide{margin-top:48px;}
    #main .main-news .news-slide .slick-track{left:-61px;}
    #main .main-news .news-slide .slick-slide a .txt-box{margin-top:11px;}
    #main .main-news .news-slide .slick-slide a .txt-box .date{font-size:14px;}
    #main .main-news .news-slide .slick-slide a .txt-box h4{margin-top:16px;padding-bottom:16px;font-size:16px;}
    #main .main-news .news-slide .slick-slide a .txt-box .txt{font-size: 14px;margin-top:16px;height:63px;}
    #main .main-news .progress-wrap{margin-top:32px;height:4px;max-width: calc(100% - 12px);}
    #main .main-news .progress-wrap .progress{height:4px;}

    .search-wrap{padding:0 17px;}
    .search-wrap select{height:45px;width:40%;font-size:14px;padding: 0 22px 0 10px;}
    .search-wrap button{width:50px;height:45px;}
    .search-wrap input[type="text"]{width:60%;height:45px;font-size:14px;padding:0 50px 0 12px;}

    .search-wrap2{padding:0 17px;}
    .search-wrap2 input[type="text"]{width:calc(100% - 50px);height:45px;font-size:14px;padding:0 50px 0 12px;}
    .search-wrap2 button{width:50px;height:45px;}

    .reply .reply-total{font-size:16px;}
    .reply .reply-list{margin-top:20px;padding:16px 16px 0;}
    .reply .reply-list + .reply-list{margin-top:15px;}
    .reply .input-wrap{margin-top:20px;}
    .reply .input-wrap input[type="text"]{height:45px;font-size:14px;}
    .reply .input-wrap button{width:80px;height:45px;font-size:14px;}
    .reply .reply-list .list-top .profile-box figure{width:30px;}
    .reply .reply-list .list-top .profile-box .txt-box .name{font-size:14px;}
    .reply .reply-list .list-top .profile-box .txt-box .date{font-size:12px;}
    .reply .reply-list .list-top .button-group button{width:inherit;font-size:14px;height: 25px;border:0;background: transparent;text-decoration: underline;}
    .reply .reply-list .txt{margin-top:20px;font-size:14px;line-height: 1.8}
    .reply .reply-list .bottom button{font-size:14px;margin-bottom:16px;}
    .reply .reply-list .inner-reply{margin-top:15px;}
    .reply .reply-list .inner-reply ul li{padding:24px 0 0;}
    .reply .reply-list .inner-reply ul li .list-top:before{width:10px;height: 10px;}
    .reply .reply-list .inner-reply ul li .list-top{padding-left:15px;}
    .reply .reply-list .bottom .input-wrap{margin:0 -16px;}

    .bbs .view .button-box .button{padding:0 7px;font-size:14px;height: 38px;border-width:1px;}
    .bbs .view .button-box .button + .button{margin-left:5px;}
    .bbs .view .button-box .write-button:before{width:14px;height:14px;}

    .list-box.type1{margin-top:38px;}
    .list-box.type1 ul{padding:0 16px;margin:0;}
    .list-box.type1 ul li{display:block;width:100%;margin:0;}
    .list-box.type1 ul li + li{margin-top:16px;}
    .list-box.type1 ul li .txt-box{padding:16px 16px 24px;}
    .list-box.type1 ul li .txt-box h4{font-size:18px;gap: 5px;}
    .list-box.type1 ul li .txt-box h4 i{height: 24px;}
    .list-box.type1 ul li .txt-box .txt1{font-size: 16px;}
    .list-box.type1 ul li .txt-box .txt2{margin-top:15px;font-size: 14px;height:73px;}
    /* s::20221117 */
    .list-box.type2.type2{padding:36px 16px 48px;margin:0 -16px;}
    .list-box.type2 ul{margin-top:36px;}
    .list-box.type2 ul li{width:100%;margin:0;}
    .list-box.type2 ul li a{padding:18px 16px 16px;}
    .list-box.type2 ul li + li{margin-top:16px;}
    .list-box.type2 ul li .top h4{font-size:16px;padding-left:30px;}
    .list-box.type2 ul li .top h4:before{width:25px;height:25px;top:-1px;}
    .list-box.type2 ul li .top span{width:16px;height:16px;}
    .list-box.type2 ul li .box{margin-top:16px;}
    .list-box.type2 ul li .box .infobox{margin-top:16px;}
    .list-box.type2 ul li .box .infobox h5{font-size:15px;gap: 5px;}
    .list-box.type2 ul li .box .infobox h5 i{height:24px;}
    .list-box.type2 ul li .box .infobox dl{margin-top:15px;padding-top:16px;}
    .list-box.type2 ul li .box .infobox dl dt{font-size:14px;width:80px;}
    .list-box.type2 ul li .box .infobox dl dd{padding:0 0 15px 80px;font-size:14px;}
    /* e::20221117 */

    #pages{padding:61px 0 0;}
    .pages-top{padding:22px 17px 20px;}
    .pages-top h3{font-size:25px;}

    .deal .list{padding-bottom:48px;}
    .deal .list .button-box{margin-top:48px;}
    .deal .list2{padding:0 16px;}
    .list-box.type2 h3{font-size:18px;}
    .deal .list2 .table-box{padding:37px 0 36px;}
    .deal .list2 .table-box table tbody tr td{padding:12px 8px;font-size:14px;}
    .list-box.type2 .button-box{margin-top:48px;}
    .deal .list .button-box button{height:45px;font-size:15px;}
    .list-box.type2 .button-box button{height:45px;font-size:15px;width:185px;}

    .deal .view{padding:17px 16px 48px;}
    .deal .view .top h3{font-size:18px;}
    .deal .view .top .box{margin-top:36px;padding-top:36px;}
    .deal .view .top .box .infobox{margin-top:25px;}
    .deal .view .top .box .infobox h5{font-size:18px;gap: 5px;}
    .deal .view .top .box .infobox h5 i{height:24px;}
    .deal .view .top .box .infobox dl{margin-top:16px;padding-top:20px;}
    .deal .view .top .box .infobox dl dt{font-size:14px;width:80px;}
    .deal .view .top .box .infobox dl dd{padding:0 0 15px 80px;font-size:14px;}
    .deal .view .tab{margin-top:31px;display:block;font-size:0;}
    .deal .view .tab.pik{margin-top:61px;}
    .deal .view .tab .button{display:inline-block;vertical-align:top;width:50%;font-size:14px;    line-height:43px;height:45px;margin:-0.5px;padding-top:0;}
    .deal .view .tab-box{padding-top:48px;}
    .deal .view .tab-box h4{font-size:18px;}
    .deal .view .tab-box h4 span{margin-left:0;font-size:14px;}
    .deal .view .tab-box .box{margin-top:13px;}
    .deal .view .tab-box .box + h4{margin-top:48px;}
    .deal .view .tab-box .box table tr th{width:25%;padding:6px 0 6px 12px;font-size:14px;}
    .deal .view .tab-box .box table tr td input[type="text"],
    .deal .view .tab-box .box table tr td input[type="tel"]{height:45px;padding:0 12px;font-size:14px;}
    .deal .view .tab-box .box table tr td select{height:45px;padding:0 20px 0 11px;font-size:14px;}
    .deal .view .tab-box .box table tr td .select-wrap select + select{margin-left:12px;}
    .deal .view .tab-box .box table tr td .select-wrap2{display:block;}
    .deal .view .tab-box .box table tr td .select-wrap2 select + select{margin-left:0;margin-top:12px;}
    .deal .view .tab-box .box table tr td .select-wrap + select{margin-top:12px;}
    .deal .view .tab-box .box table tr td .radio-type1.block{display:block;width:100%;margin-left:0;margin-top:12px;}
    .deal .view .tab-box .box table tr td .radio-type1 + .radio-type1{margin-left:10px;}
    .deal .view .tab-box .box table tr td .radio-type1 + .radio-type1.block{margin-left:0;}
    .deal .view .tab-box .box table tr td .radio-type1 input[type="text"]{margin-top:12px;margin-left:0;width:100%;}
    .deal .view .tab-box .box table tr td .textarea1{height:61px;font-size:14px;padding:12px;}
    .deal .view .tab-box .box .toggle-box2 dt{padding:20px 40px 20px 11px;}
    .deal .view .tab-box .box .toggle-box2 dt button{right:11px;}
    .deal .view .tab-box .box .toggle-box2 dd{padding:12px 40px;font-size:14px;line-height: 1.6}
    .deal .view .tab-box .graph-tab{margin-top:21px;}
    .deal .view .tab-box .graph-tab .button{height:45px;font-size:14px;}
    .deal .view .tab-box .graph-box .table-box table thead tr th{width:20%;font-size:14px;padding:12px 5px;}
    .deal .view .tab-box .graph-box .table-box table tbody tr td{padding:12px 5px;font-size:13px;word-break: break-all}
    .deal .view .tab-box .car-info{margin-top:26px;}
    .deal .view .tab-box .car-info h5{font-size:18px;gap: 5px;}
    .deal .view .tab-box .car-info h5 i{height:24px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .price span{font-size:14px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .price{font-size:18px;padding-left:70px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .price strong{font-size:25px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt{display:block;margin-top:15px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p{font-size:14px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p span{font-size:14px;margin-right:12px;}
    .deal .view .tab-box .car-info .detail-box .top .right .txt-box .txt p + p{margin-left:0;margin-top:12px;}
    .deal .view .tab-box .car-info .detail-box .top .right .color-box .color-tab button{height:45px;font-size:14px;}
    .deal .view .tab-box .car-info .detail-box .top .right .color-box .color-wrap .color-list span{font-size:13px;width:31.3333%;}
    .deal .view .tab-box .car-info .detail-box .img-box{margin-top:31px;display:block;}
    .deal .view .tab-box .car-info .detail-box .img-box .picture + .picture{margin-left:0;margin-top:15px;}
    .deal .view .tab-box .car-info .detail-box ul{margin-top:32px;}
    .deal .view .tab-box .car-info .detail-box ul li{font-size:14px;padding:15px 19px;}
    .deal .view .tab-box .car-info .detail-box ul li span{left:19px;}
    .deal .view .tab-box .car-info .detail-box table{margin-top:32px;}
    .deal .view .tab-box .car-info .detail-box table tbody tr td{padding:11px 5px;font-size:14px;}
    .deal .view .tab-box .txt-list{margin-top:16px;}
    .deal .view .tab-box .txt-list li{font-size:14px;}
    .deal .view .tab-box .txt-list li + li{margin-top:10px;}
    .deal .view .tab-box .txt-list li:before{width:5px;height:5px;}
    .deal .view .button-box{margin-top:48px;}
    .deal .view .button-box .button{padding:0 32px;height:45px;line-height:45px;font-size:15px;}
    .deal .view .button-box .button + .button{margin-left:15px;}
    .deal .view .tab-box .button-box{margin-top:48px;}
    .deal .view .tab-box .button-box button{height:45px;font-size:15px;}

    .deal .complete{padding:37px 0 64px;margin:0 20px;}
    .deal .complete figure{}
    .deal .complete figure img{max-width:76px;}
    .deal .complete .txt1{margin-top:23px;font-size:14px;word-break: keep-all;}
    .deal .complete .txt1 br{display: none;}
    .deal .complete strong{margin-top:23px;font-size:20px;}
    .deal .complete .txt2{margin-top:23px;font-size:14px;word-break: keep-all;}
    .deal .complete .txt2 br{display: none;}
    .deal .complete a{margin-top:40px;line-height: 45px;height:45px;font-size:15px;}


    .rental .view {padding:17px 16px 48px;}
    .rental .view .top h3{font-size:18px;}
    .rental .view .top .box{margin-top:36px;padding-top:36px;}
    .rental .view .top .box .infobox{margin-top:25px;}
    .rental .view .top .box .infobox h5{font-size:18px;gap:5px;}
    .rental .view .top .box .infobox h5 i{height:24px;}
    .rental .view .top .box .infobox dl{margin-top:16px;padding-top:20px;}
    .rental .view .top .box .infobox dl dt{font-size:14px;width:80px;}
    .rental .view .top .box .infobox dl dd{padding:0 0 15px 80px;font-size:14px;}
    .rental .view .form-box{padding-top:48px;}
    .rental .view .form-box h4{font-size:18px;}
    .rental .view .form-box h4 span{margin-left:0;font-size:14px;}
    .rental .view .form-box .box{margin-top:13px;}
    .rental .view .form-box .box + h4{margin-top:48px;}
    .rental .view .form-box .box table tr th{width:25%;padding:6px 0 6px 12px;font-size:14px;}
    .rental .view .form-box .box table tr td input[type="text"],
    .rental .view .form-box .box table tr td input[type="tel"]{height:45px;padding:0 12px;font-size:14px;}
    .rental .view .form-box .box table tr td select{height:45px;padding:0 20px 0 11px;font-size:14px;}
    .rental .view .form-box .box table tr td .select-wrap select + select{margin-left:12px;}
    .rental .view .form-box .box table tr td .select-wrap2{display:block;}
    .rental .view .form-box .box table tr td .select-wrap2 select + select{margin-left:0;margin-top:12px;}
    .rental .view .form-box .box table tr td .select-wrap + select{margin-top:12px;}
    .rental .view .form-box .box table tr td .radio-type1.block{display:block;width:100%;margin-left:0;margin-top:12px;}
    .rental .view .form-box .box table tr td .radio-type1 + .radio-type1{margin-left:10px;}
    .rental .view .form-box .box table tr td .radio-type1 + .radio-type1.block{margin-left:0;}
    .rental .view .form-box .box table tr td .radio-type1 input[type="text"]{margin-top:12px;margin-left:0;width:100%;}
    .rental .view .form-box .box table tr td .textarea1{height:61px;font-size:14px;padding:12px;}
    .rental .view .form-box .box .toggle-box2 dt{padding:20px 40px 20px 11px;}
    .rental .view .form-box .box .toggle-box2 dt button{right:11px;}
    .rental .view .form-box .box .toggle-box2 dd{padding:12px 40px;font-size:14px;line-height: 1.6}
    .rental .view .form-box .button-box{margin-top:48px;}
    .rental .view .form-box .button-box button{height:45px;font-size:15px;}


    .request{padding-bottom:48px;}
    .request .step{padding:0 20px;height:50px;}
    .request .step p{font-size:16px;}
    .request .step .number i{width:18px;height:18px;line-height: 18px;font-size:14px;margin-left:10px;}
    .request .brand-title{padding:15px 0;}
    .request .brand-title figure img{width:46px;}
    .request .brand-title figure figcaption{font-size:20px;margin-left:5px;}
    .request .brand-list{padding:32px 16px 0;}
    .request .brand-list ul {gap: 10px;}
    .request .brand-list ul li{padding:0;aspect-ratio: 1.2}
    .request .brand-list ul li p i img{height: 32px;}
    .request .brand-list ul li p span{margin-top:2px; font-size:12px;}
    /* s::20221117 */
    .request .filter-box{padding:32px 16px 0;}
    .request .filter-box h4{font-size:18px;}
    .request .filter-box dl{margin-top:13px;padding:14px 20px;}
    .request .filter-box dl dt{float: none;width:100%;padding:0;}
    .request .filter-box dl dd{padding:0;margin-top:10px;}
    .request .filter-box dl dd + dt{margin-top:20px;}
    .request .filter-box dl dd .radio-group{position: relative;left:-12px;}
    .request .filter-box dl dd .radio-group .checkbox-type2{margin:4px 6px;}
    .request .filter-box .filter-reset {top:7px;font-size:14px;}
    .request .filter-box .filter-reset i {width:20px;}
	.request .filter-box .filter-reset i img {width:100%;}
    /* e::20221117 */
    .request .table-box{padding:36px 16px 0;}
    .request .table-box h4{font-size:18px;}
    .request .table-box table{margin-top:13px;}
    .request .table-box table tbody tr td{padding:12px 8px;font-size:14px;}
    .request .car-list{padding:36px 16px 0;}
    .request .car-list .list{padding:12px 12px 0;}
    .request .car-list .list .top{}
    /* s::20221117 */
    .request .car-list .list .top figure{width:40%;margin-bottom:10px;}
    /* e::20221117 */
    .request .car-list .list .top .txt-box{width:60%;padding-bottom:15px;}
    .request .car-list .list .top .txt-box h3{font-size:16px;}
    .request .car-list .list .top .txt-box .price{margin-top:10px;font-size:18px;}
    .request .car-list .list .top .txt-box .price span{font-size:18px;margin-bottom:4px;}
    .request .car-list .list .top .txt-box .price strong{font-size:20px;}
    .request .car-list .list .bottom{padding:10px 0;}
    .request .car-list .list .bottom span{font-size:14px;}
    .request .car-list .list .bottom button{width:25px;height:25px;}
    .request .car-list .list .model-list li{padding:12px;}
    .request .car-list .list .model-list li .left p{font-size:16px;}
    .request .car-list .list .model-list li .left strong{font-size:20px;margin-top:7px;}
    .request .car-list .list .model-list li .right span{font-size:14px;}
    .request .car-list .list .model-list li .right button{width:25px;}
    .request .car-list .list + .list{margin-top:32px;}
    .request .form-box{padding:43px 16px 0;}
    .request .form-box h4{font-size:18px;}
    .request .form-box h4 span{margin-left:0;font-size:14px;}
    .request .form-box .box{margin-top:13px;}
    .request .form-box .box + h4{margin-top:48px;}
    .request .form-box .box .form-type1 dl dd .specifications{margin-top:12px;}
    .request .form-box .box .form-type1 dl dd .specifications span{font-size:14px;}
    .request .form-box .box .form-type1 dl dd .specifications button{width:25px;}
    .request .form-box .form-type1 dl{margin-top:20px;}
    .request .form-box .form-type1 dl dt{margin-top:20px;}
    .request .form-box .form-type1 dl dd{margin-top:16px;}
    .request .form-box .box table tr th{width:25%;padding:6px 0 6px 12px;font-size:14px;}
    .request .form-box .box table tr td input[type="text"],
    .request .form-box .box table tr td input[type="tel"]{height:45px;padding:0 12px;font-size:14px;}
    .request .form-box .box table tr td select{height:45px;padding:0 20px 0 11px;font-size:14px;}
    .request .form-box .box table tr td .select-wrap select + select{margin-left:12px;}
    .request .form-box .box table tr td .select-wrap2{display:block;}
    .request .form-box .box table tr td .select-wrap2 select + select{margin-left:0;margin-top:12px;}
    .request .form-box .box table tr td .select-wrap + select{margin-top:12px;}
    .request .form-box .box table tr td .radio-type1.block{display:block;width:100%;margin-left:0;margin-top:12px;}
    .request .form-box .box table tr td .radio-type1 + .radio-type1{margin-left:10px;}
    .request .form-box .box table tr td .radio-type1 + .radio-type1.block{margin-left:0;}
    .request .form-box .box table tr td .radio-type1 input[type="text"]{margin-top:12px;margin-left:0;width:100%;}
    .request .form-box .box table tr td .textarea1{height:61px;font-size:14px;padding:12px;}
    .request .form-box .box .toggle-box2 dt{padding:20px 40px 20px 11px;}
    .request .form-box .box .toggle-box2 dt button{right:11px;}
    .request .form-box .box .toggle-box2 dd{padding:12px 40px;font-size:14px;line-height: 1.6}
    .request .form-box .button-box{margin-top:48px;}
    .request .form-box .button-box button{height:45px;font-size:15px;}
    .request .complete{padding:31px 0 0px;margin:0 16px;}
    .request .complete figure{}
    .request .complete figure img{max-width:76px;}
    .request .complete .txt1{margin-top:23px;font-size:14px;word-break: keep-all;}
    .request .complete strong{margin-top:23px;font-size:20px;}
    .request .complete .txt2{margin-top:23px;font-size:14px;word-break: keep-all;}
    .request .complete .txt2 br{display: none;}
    .request .complete a{margin-top:40px;line-height: 45px;height:45px;font-size:15px;}

    .bbs{padding:0 16px;}
    .bbs .list{padding:30px 0 48px;}
    .bbs .list table thead tr th{padding: 10px 8px;font-size: 14px;}
    .bbs .list table tbody tr td{padding: 10px 8px;font-size: 13px;}
    .bbs .form .button-box{margin-top:42px;}
    .bbs .form .button-box button{height:45px;font-size:15px;}
    .bbs .list .button-box .button{font-size: 14px;width: 75px;height: 38px;line-height: 36px;border-width: 1px;}
    .bbs .list .button-box .button:before{width:14px;height:14px;}
    .bbs .view{padding:37px 0 48px;}
    .bbs .view .view-top h4{font-size:18px;}
    .bbs .view .view-top .util{margin-top:20px;}
    .bbs .view .view-top .util span{font-size:14px;}
    .bbs .view .view-top .util .view-count{margin-left:30px;}
    .bbs .view .view-top .util .view-count:before{left:-15px;height:13px;}
    .bbs .view .view-content{font-size:14px;padding:20px 0 50px;line-height: 1.8}
    .bbs .view .view-bottom{padding:28px 16px 27px;margin:0 -16px;}
    .bbs .form{padding:29px 0 48px;}
    .bbs .form h3{font-size:18px;padding-bottom: 13px;}
    .bbs .form table{margin-top:15px;}
    .bbs .form table tbody tr td input[type="text"]{padding:0 20px;font-size:14px;height:45px;}
    .bbs .form table tbody tr td textarea{padding:16px 12px 0;font-size:14px;line-height: 1.6}


    .wailingsound{padding:0 16px;}
    .wailingsound .form-box{padding:39px 0 48px;}
    .wailingsound .form-box h4{font-size:18px;}
    .wailingsound .form-box h4 span{margin-left:0;font-size:14px;}
    .wailingsound .form-box .box{margin-top:13px;}
    .wailingsound .form-box .box + h4{margin-top:48px;}
    .wailingsound .form-box .box table tr th{width:30%;padding:6px 10px 6px 0;font-size:14px;word-break: break-all}
    .wailingsound .form-box .box table tr td input[type="text"],
    .wailingsound .form-box .box table tr td input[type="tel"]{height:45px;padding:0 12px;font-size:14px;}
    .wailingsound .form-box .box table tr td select{height:45px;padding:0 20px 0 11px;font-size:14px;}
    .wailingsound .form-box .box table tr td .select-wrap select + select{margin-left:12px;}
    .wailingsound .form-box .box table tr td .select-wrap2{display:block;}
    .wailingsound .form-box .box table tr td .select-wrap2 select + select{margin-left:0;margin-top:12px;}
    .wailingsound .form-box .box table tr td .select-wrap + select{margin-top:12px;}
    .wailingsound .form-box .box table tr td .radio-type1.block{display:block;width:100%;margin-left:0;margin-top:12px;}
    .wailingsound .form-box .box table tr td .radio-type1{margin:6px 10px;}
    .wailingsound .form-box .box table tr td .radio-type1 + .radio-type1{margin-left:10px;}
    .wailingsound .form-box .box table tr td .radio-type1 + .radio-type1.block{margin-left:10px !important;}
    .wailingsound .form-box .box table tr td .radio-type1 input[type="text"]{margin-top:12px;margin-left:0;width:100%;}
    .wailingsound .form-box .box table tr td .textarea1{height:61px;font-size:14px;padding:12px;}
    .wailingsound .form-box .box table tr td .input-wrap{display: block;}
    .wailingsound .form-box .box table tr td .input-wrap input[type="text"]{margin-left:0;margin-top:12px;}
    .wailingsound .form-box .box .toggle-box2 dt{padding:20px 40px 20px 11px;}
    .wailingsound .form-box .box .toggle-box2 dt button{right:11px;}
    .wailingsound .form-box .box .toggle-box2 dd{padding:12px 40px;font-size:14px;line-height: 1.6}
    .wailingsound .form-box .button-box{margin-top:48px;}
    .wailingsound .form-box .button-box button{height:45px;font-size:15px;}

    .by-contents{padding:0 16px;}
    .by-contents .toggle-contents{padding:37px 0 48px;}
    .by-contents .toggle-contents .toggle-box dt{padding:14px 25px 14px 40px;font-size:14px;}
    .by-contents .toggle-contents .toggle-box dt:before{left:5px;top:50%;transform:translateY(-50%);width:25px;height: 25px;}
    .by-contents .toggle-contents .toggle-box dt:after{width:15px;height: 15px;right:5px;top:50%;transform:translateY(-50%);}
    .by-contents .toggle-contents .toggle-box dd{padding:16px 30px;font-size:14px;}

    .company section{padding:0 16px;}
    .company .tab{padding-top: 38px;}
    .bepco{padding:38px 0 48px;}
    .bepco h3{font-size:14px;}
    .bepco > p {font-size: 16px;}
    .bepco .box{margin-top:43px;}
    .bepco .box h4{font-size:16px;padding-left:40px;}
    .bepco .box h4:before{width:25px;height:25px;top:50%;transform: translateY(-50%);}
    .bepco .box .list-box{padding-left:40px;margin-top:32px;}
    .bepco .box .list-box > div{font-size:14px;padding:11px 0;}
    .bepco .box ul{margin-top:16px;padding-left:40px;}
    .bepco .box ul li{font-size:14px;line-height: 1.78;}
    .bepco .app{margin-top:48px;padding-top:36px;}
    .bepco .app h3{margin-bottom:32px;}
    .bepco .app .button-box{display:flex;}
    .bepco .app a{flex:1;width: 100%;}
    .bepco .app a + a{margin-left:0;margin-top:15px;}
    .bepco .connect{margin-top:48px;padding-top:36px;}
    .bepco .connect ul{margin-top:32px;}
    .bepco .connect ul li strong{display: none;}
    .bepco .connect ul li a{font-size:14px;}
    .bepco .connect ul li i{width:45px;}
    .bepco .connect ul li + li{margin-top:20px;}
    .bepco .txt{margin-top:36px;padding-top:36px;font-size:14px;}

    .why{padding:48px 0 66px;}
    .why ul li{display:block;}
    .why ul li + li{margin-top:36px;}
    .why ul li figure{width:100%;text-align: center;}
    .why ul li figure img{top:0;width:130px;margin:0 auto}
    .why ul li .txt-box{margin-left:0;width:100%;}
    .why ul li .txt-box h4{font-size:16px;}
    .why ul li figure img{position: relative;top: -15px;}
    .why ul li .txt-box p{margin-top:16px;font-size:14px;word-break: keep-all;}
    .why ul li .txt-box p br{display: none;}

    .community .tab{margin-top:37px;}
    .community .tab .button{}
    .community .tab .button:first-child{padding-top:0;line-height: 45px;}
    .community .bbs .form table tbody tr td textarea{height:300px;}

    .event .list{padding:37px 16px 57px;}
    .event .tab .button{padding-top:0;line-height: 45px;}
    .event .list ul{margin-top:34px;}
    .event .list ul li{width:100%;margin:0 0 36px;}
    .event .list ul li .txt-box{margin-top:16px;}
    .event .list ul li .txt-box h4{padding-bottom: 16px;font-size: 16px;}
    .event .list ul li .txt-box .txt{font-size: 14px;margin-top: 16px;height:120px;}
    .event .list ul li .txt-box .bottom{margin-top:16px;}
    .event .list ul li .txt-box .bottom span{font-size:14px;}
    .event .list ul li .txt-box .bottom span:before{left:-8px;height:11px;}
    .event .list ul li .txt-box .bottom span + span{margin-left:16px;}


    .mypage{padding:0 16px;}
    .mypage .myinfo{padding-top:28px;}
    .mypage .myinfo .info-top .profile figure{width:40px;}
    .mypage .myinfo .info-top .profile strong{margin-left:11px;font-size:16px;}
    .mypage .myinfo .info-top .button-group{margin-top:20px;display:flex;}
    .mypage .myinfo .info-top .button-group a{padding:12px 0;font-size: 14px;flex: 1;line-height: normal;text-align: center;flex:1;}
    .mypage .myinfo .info-top .button-group a i{margin-right:2px;top:-1px;width:19px;}
    .mypage .myinfo .info-top .button-group a + a{margin-left:8px;}
    .mypage .myinfo .activity{margin-top:20px;padding:12px 0;}
    .mypage .myinfo .activity > div span{font-size:14px;}
    .mypage .myinfo .activity > div strong{margin-top:10px;font-size:20px;}
    .mypage .myinfo .activity > div:last-child strong{margin-top: 13px;font-size: 16px;}
    .mypage .mypage-title{margin-top:41px;}
    .mypage .mypage-title h4{font-size:18px;padding-bottom:13px;}
    .mypage .tab{margin-top:28px;}
    .mypage .tab .button{padding-top:0;line-height: 45px;}
    .mypage .edit{padding:28px 0 48px;}
    .mypage .edit .form-type1 dl dd textarea{height:200px;}
    .mypage .edit .button-box{margin-top: 48px;}
    .mypage .edit .button-box button{height: 45px;font-size: 15px;}
    .mypage .edit .form-type1 dl dd .email-wrap{}
    .mypage .edit .form-type1 dl dd .email-wrap input[type="text"]{width: calc(50% - 7px);}
    .mypage .edit .form-type1 dl dd .email-wrap span{font-size:14px;margin:0 10px;}
    .mypage .edit .form-type1 dl dd .email-wrap button{width:70px;margin-left:12px;font-size:14px;height: 45px;}
    .mypage .edit .form-type1 dl dd .input-wrap input[type="tel"]{width: calc(100% - 104px);}
    .mypage .edit .form-type1 dl dd .input-wrap button{width:90px;height: 45px;font-size:14px;margin-left:12px;}
    .mypage .edit .form-type1 dl dd .input-wrap2{margin-top:16px;}
    .mypage .edit .form-type1 dl dd .input-wrap2 input[type="tel"]{width: calc(100% - 104px);}
    .mypage .edit .form-type1 dl dd .input-wrap2 button{width:90px;height: 45px;font-size:14px;margin-left:12px;}
    .mypage .edit .sns-box{margin-top:48px;}
	.mypage .edit .sns-box .top{position: relative;}
	.mypage .edit .sns-box .top h4{font-size: 18px;}
	.mypage .edit .sns-box .sns-list{margin-top:20px;}
	.mypage .edit .sns-box .sns-list ul{margin-top:20px;}
	.mypage .edit .sns-box .sns-list ul li img {width:55px;}
    .mypage .edit .brand-box{margin-top:48px;}
    .mypage .edit .brand-box .top h4{font-size: 18px;}
    .mypage .edit .brand-box .top .checkbox-type1 label{font-size:14px;line-height: 40px;width:100px;}
    .mypage .edit .brand-box .top .checkbox-type1 label:after{left: 18px;top: 10px;}
    .mypage .edit .brand-box .top .checkbox-type1{top:-9px;}
    .mypage .edit .brand-box .top p{margin-top:12px;font-size:14px;}
    .mypage .edit .brand-box .brand-list ul{margin-top: 20px;gap: 10px;}
    .mypage .edit .brand-box .brand-list ul li{aspect-ratio: 1.2;text-align: left}
    .mypage .edit .brand-box .brand-list ul li p i img{width:30px;}
    .mypage .edit .brand-box .brand-list ul li p span{font-size:12px;margin-top: 2px;}
    .mypage .edit .brand-box .brand-list ul li .checkbox-type1{left:8px;}
    .mypage .edit .brand-box + h4{margin-top:36px;}

    .signup{padding:0 16px;}
    .signup .form-box{padding:31px 0 58px;}
    .signup .form-box h4{font-size:18px;}
    .signup .form-box h4 span{margin-left:0;font-size:14px;}
    .signup .form-box .box{margin-top:13px;}
    .signup .form-box .box + h4{margin-top:48px;}
    .signup .form-box .box .toggle-box2 dt{padding:20px 40px 20px 11px;}
    .signup .form-box .box .toggle-box2 dt button{right:11px;}
    .signup .form-box .box .toggle-box2 dd{padding:12px 40px;font-size:14px;line-height: 1.6;overflow-y: auto;max-height: 400px;}
    .signup .form-box .button-box{margin-top:48px;}
    .signup .form-box .button-box button{height:45px;font-size:15px;}
    .signup .form-box .box .form-type1 dl dd .email-wrap{}
    .signup .form-box .box .form-type1 dl dd .email-wrap input[type="text"]{width: calc(50% - 56px);}
    .signup .form-box .box .form-type1 dl dd .email-wrap span{font-size:14px;margin:0 10px;}
    .signup .form-box .box .form-type1 dl dd .email-wrap button{width:70px;margin-left:12px;font-size:14px;height: 45px;}
    /* s::20221207 */
    .signup .form-box .box .form-type1 dl dd .tel-wrap select{width: 33.3333%;}
	.signup .form-box .box .form-type1 dl dd .tel-wrap input[type="tel"]{width: 33.3333%;}
	.signup .form-box .box .form-type1 dl dd .tel-wrap select + input[type="tel"],
	.signup .form-box .box .form-type1 dl dd .tel-wrap input[type="tel"] + input[type="tel"]{margin-left:12px;}
    .signup .form-box .box .form-type1 dl dd .tel-wrap button{width:90px;height: 45px;font-size:14px;margin-left:12px;}
    /* e::20221207 */
    .signup .form-box .box .form-type1 dl dd .input-wrap input[type="tel"]{width: calc(100% - 104px);}
    .signup .form-box .box .form-type1 dl dd .input-wrap button{width:90px;height: 45px;font-size:14px;margin-left:12px;}
    .signup .form-box .box .form-type1 dl dd .input-wrap2{margin-top:16px;}
    .signup .form-box .box .form-type1 dl dd .input-wrap2 input[type="tel"]{width: calc(100% - 104px);}
    .signup .form-box .box .form-type1 dl dd .input-wrap2 button{width:90px;height: 45px;font-size:14px;margin-left:12px;}
    .signup .brand-box{margin-top:48px;}
    .signup .brand-box .top .checkbox-type1 label{font-size:14px;line-height: 40px;width:100px;}
    .signup .brand-box .top .checkbox-type1 label:after{left: 18px;top: 10px;}
    .signup .brand-box .top .checkbox-type1{top:-9px;}
    .signup .brand-box .top p{margin-top:12px;font-size:14px;}
    .signup .brand-box .brand-list ul{margin-top: 20px;gap: 10px}
    .signup .brand-box .brand-list ul li{text-align: left;aspect-ratio: 1.2}
    .signup .brand-box .brand-list ul li p i img{width:30px;}
    .signup .brand-box .brand-list ul li p span{font-size:12px;margin-top:2px;}
    .signup .brand-box .brand-list ul li .checkbox-type1{left:8px;}
    .signup .brand-box + h4{margin-top:36px;}


    .find{padding:0 16px;}
    .find .form-type1{padding:63px 0 94px;}
    .find .form-type1 h3{font-size:18px;}
    .find .form-type1 dl{margin-top:31px;}
    .find .form-type1 .button-box{margin-top:38px;}
    .find .form-type1 .button-box button{height: 45px;font-size:15px;}

    .policy{padding:0 16px;}
    .policy .txt-box{padding:37px 0 94px;font-size:14px;}

    .company .bepuxio {
        padding: 80px 0 90px;
    }
    .company .bepuxio .box .icon {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        margin-right: 12px;
    }
    .company .bepuxio .box h4 {
        width: calc(100% - 50px);
        flex: 0 0 calc(100% - 50px);
        font-size: 16px;
    }
    .company .bepuxio .box ul {
        padding-left: 48px;
    }
    .company .bepuxio .box ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .company .app > img {
        width: 64px;
    }
    .company .app > h3 {
        font-size: 24px;
    }
    .company .app .box {
        text-align: center;
    }
    .company .app .box img {
        width: 200px !important;
        margin: 0 !important;
    }
    .company .app .box a {
        display: inline-block;
        margin-bottom: 10px;
    }
    .company .connect .connect-box .box {
        padding: 28px;
        width: 100%;
        flex: 0 0 100%;
    }
    .company .connect .connect-box .box i {
        margin-bottom: 20px;
    }
    .company .connect .connect-box .box h3 {
        margin-bottom: 0;
    }
    .company .contact .contact-box .box {
        padding: 24px;
    }
    .company .contact .contact-box .box .left > img {
        display: block;
        margin: 0 auto 14px;
        width: 80px;
    }
    .company .contact .contact-box .box .left p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 14px;
    }
    .company .contact .contact-box .box .right {
        display: none;
    }
    .company .contact .contact-box .box .left .btn {
        display: block;
        margin: 0 auto;
        padding: 12px 20px;
        width: 150px;
        font-size: 14px;
        text-align: center;
    }
}


/* 스크롤 애니메이션 기본 스타일 */
.scroll-animate {
  opacity: 0;
  transition: all 1s;
  will-change: transform;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.scroll-animate.fade-in {
  transform: translateY(50px);
}

.scroll-animate.from-bottom {
  transform: translateY(50px);
}

.scroll-animate.from-left {
  transform: translateX(-50px);
}

.scroll-animate.from-right {
  transform: translateX(50px);
}

.scroll-animate.scale-up {
  transform: scale(0.8);
}

/* 활성화 됐을 때 스타일 */
.scroll-animate.active {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

/* 딜레이 클래스 */
.delay-200 {
  transition-delay: 0.2s;
}

.delay-300 {
  transition-delay: 0.3s;
}

/* children-delay 클래스를 가진 요소의 자식 요소들에 순차적으로 딜레이 적용 */
.children-delay > * {
  opacity: 0;
  transition: all 1s;
}

.children-delay.active > * {
  opacity: 1;
}

.children-delay > *:nth-child(1) { transition-delay: 0.1s; }
.children-delay > *:nth-child(2) { transition-delay: 0.2s; }
.children-delay > *:nth-child(3) { transition-delay: 0.3s; }
.children-delay > *:nth-child(4) { transition-delay: 0.4s; }
.children-delay > *:nth-child(5) { transition-delay: 0.5s; }

/* 컨테이너에 오버플로우 방지 스타일 추가 */
#main {
  padding-top: 119px;
  overflow-x: hidden; /* 가로 스크롤 방지 */
  width: 100%;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
    #main {
        padding-top: 61px;
        overflow-x: hidden;
    }
}