@charset "UTF-8";
/* 타이틀 */
.titleArea { position: relative; margin-bottom: 26px; }

.titleArea.single { margin-top: 108px; }

.titleArea.line { padding-bottom: 36px; border-bottom: 1px solid #333; margin-bottom: 0; }

.titleArea.agreement { margin-top: 57px; }

.titleArea h2 { font-size: 28px; font-weight: bold; letter-spacing: -.3px; }

.titleArea p.desc { font-size: 16px; text-align: left; font-weight: 400; line-height: 24px; margin-top: 20px; }

/* 이용약관 */
.clauseArea { margin: 35px 0 80px; }

.clauseArea p { margin-bottom: 3px; font-size: 18px; letter-spacing: -0.3px; font-weight: bold; }

.clauseArea p.sub { margin-top: 28px; margin-bottom: -9px; font-size: 16px; font-weight: 400; color: #666; }

.clauseArea ul.agreement { padding-bottom: 29px; border-bottom: 2px solid #f0f0f0; margin-bottom: 18px; margin-top: 14px; }

.clauseArea ul.none { border-bottom: none; margin-bottom: 0px; padding-bottom: 0; }

.clauseArea ul.agreement li { font-size: 16px; color: #666; letter-spacing: -0.3px; font-weight: 400; line-height: 24px; }

/* 개인정보취급방침 */
.clauseArea .privacy { padding: 15px 0 20px 0; font-size: 16px; color: #666; letter-spacing: -0.3px; font-weight: 400; padding-bottom: 41px; border-bottom: 2px solid #f0f0f0; margin-bottom: 34px; }

.clauseArea .privacy.top { padding: 0px 0 29px 0; margin-top: -5px; }

.clauseArea .privacy.lh { line-height: 24px; padding-bottom: 29px; }

.clauseArea .privacy.none { border-bottom: none; margin-bottom: 0px; padding-bottom: 0; }

.clauseArea .privacy strong { font-weight: bold; }

.clauseArea .privacy strong a { font-weight: bold; vertical-align: baseline; }

.clauseArea ul.policy { margin-top: 5px; margin-bottom: -12px; }

.clauseArea ul.policy li { font-size: 16px; color: #666; letter-spacing: -0.3px; font-weight: 400; line-height: 24px; padding-left: 9px; position: relative; margin-left: 18px; }

.clauseArea ul.policy li:before { position: absolute; left: 1px; top: 11px; display: inline-block; content: ""; width: 4px; height: 1px; vertical-align: middle; background: #666; }

.clauseArea ul.policy li.noHyphen:before { display: none; }

.faq_list { margin-bottom: 150px; }

.faq_list .faq_item {    position: relative; padding: 10px 0 11px; border-bottom: 1px solid #e1e1e1; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.faq_list .faq_item .kind{ position: absolute; top: 20px; left: 0px; width:170px;    margin: 0 auto;    text-align: center; }

.faq_list .faq_item .faq_tit { margin-left:170px; padding: 10px 50px 10px 60px; position: relative; line-height: 1.3; word-break: keep-all; word-wrap: break-word; font-weight: 400; cursor: pointer; background: url("/images_new/icon/down_faq.png") no-repeat 98% 15px; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.faq_list .faq_item .faq_tit .q_icon { position: absolute; top: 0; left: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; background-color: #ccc; color: #fff; font-size: 20px; font-weight: bold; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.faq_list .faq_item .faq_txt { margin-left:150px; height: 0; padding: 0 60px; overflow: hidden; background-color: #f5f5f5; line-height: 1.4; font-size: 16px; font-weight: 400; word-break: keep-all; word-wrap: break-word; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.faq_list .faq_item .faq_txt span { border-bottom: 1px solid #333; vertical-align: top; }

.faq_list .faq_item.active { border-color: #3b8c94; }

.faq_list .faq_item.active .faq_tit { color: #3b8c94; font-weight: bold; background-image: url("/images_new/icon/up_faq.png"); cursor: auto; }

.faq_list .faq_item.active .faq_tit .q_icon { background-color: #3b8c94; }

.faq_list .faq_item.active .faq_txt { height: auto; padding: 25px 60px; margin: 10px 0 10px 170px; overflow: hidden; }

.menu_list { margin: 50px 0 90px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.menu_list .menu_1dp { -webkit-box-flex: 0; -ms-flex: 0 200px; flex: 0 200px; }

.menu_list .menu_1dp .dp1_tit { font-size: 20px; font-weight: bold; color: #fff; background-color: #3b8c94; height: 50px; line-height: 50px; text-align: center; }

.menu_list .menu_1dp .dp2_tit { height: 45px; line-height: 42px; font-size: 14px; border-bottom: 1px solid #e1e1e1; }

.menu_list .menu_1dp .sub_list { background-color: #f5f5f5; padding: 2px 0 10px; }

.menu_list .menu_1dp .sub_itme { padding: 10px 0; padding-left: 15px; font-weight: 400; color: #555; }

.menu_list .menu_1dp .sub_itme .no_ext { position: relative; padding-left: 10px; display: inline-block; }

.menu_list .menu_1dp .sub_itme .no_ext:before { content: ''; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 10px; background-color: #666; }

.menu_list .menu_1dp .sub_itme a.no_ext:hover { text-decoration: underline; }

.menu_list .menu_1dp .sub_itme .brand_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 10px; }

.menu_list .menu_1dp .sub_itme .brand_list.cars { height: 228px; }

.menu_list .menu_1dp .sub_itme .brand_list.trucks .brand_item { width: auto; }

.menu_list .menu_1dp .sub_itme .brand_list .brand_item { width: 91px; font-size: 13px; padding: 3px 0; }

.menu_list .menu_1dp .sub_itme .brand_list .brand_item:hover { color: #555; text-decoration: underline; }

.err_page { text-align: center; margin: 100px 0; font-weight: bold; }

.err_page h1 { margin: 30px 0 45px; }

.err_page h5 { margin: 25px 0 80px; line-height: 1.4; font-weight: 500; }

.err_page .err_btns a { width: 200px; display: inline-block; height: 60px; line-height: 58px; margin: 0 5px; border: 1px solid #3b8c94; font-size: 20px; }

.err_page .err_btns a.main_btn { background: #3b8c94; color: #fff; }

.err_page .err_btns a:hover { color: #fff; background-color: #2a727e; }