@charset "UTF-8";
/*webkit-backface-visibility:hidden; 모바일에서 position fixed 미동작 오류 막아주는 속성*/

body, html { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
*, *::after, *::before {-webkit-user-select: none;-webkit-user-drag: none;-webkit-app-region: no-drag;cursor: default;}
* { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
<style>textarea, input {user-select: text;-webkit-user-select: text;}

/* 레이아웃 */
html, body {width:100%; height:100%; font-weight:400; scroll-behavior:smooth;}
body {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
#wrap {position:relative; width:100%; height:880px;}
#header, .header {position:fixed; z-index:70; width:100%; background-color:#fff;}
#header.type2, .header.type2 {position:relative;}/* 헤더 fixed 아닌 경우 */
#container, .container {position:relative; width:100%; padding-top:70px; box-sizing:border-box;}
#container.type2, .container.type2 {padding-top:0;}/* 헤더 fixed 아닌 경우 */
.section {position:relative; width:100%;}
.content {position:relative; width:89.889%; margin:0 auto; padding:32.5px 0 30px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.sect_gray {background-color:#F2F2F2;}
.box_vh {position:relative; height:100vh; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} /* 디바이스에 따른 뷰포트 높이 필요할 때(url바 고려안함) */

/* 글로벌 클래스 */
#wrap {overflow:visible;overflow-x:visible;overflow-y:visible; scroll-behavior:smooth;}
body,th,td,input,select,textarea,button {font-family:'NotoSans', sans-serif; color:#333; font-size:14px;}
.ir_pm {display:block; overflow-x:hidden; overflow-y:hidden; font-size:0px; line-height:0; text-indent:-9999px}/* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.f_l {float:left}
.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear_fix:after {content:''; display:block; clear:both; zoom:1;}
.inner_cont:after {content:''; display:block; clear:both;}
ul:after {content:''; display:block; clear:both;}
.m_0 {margin-left:0;}
.hidden {overflow-x:hidden;overflow-y:hidden; position:absolute; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px);} /*H5BP에서 채택한 접근 가능한 텍스트 숨김 방법*/

/* 헤더 */
.header_wrap {position:relative; width:89.889%; padding:15px 0; margin:0 auto;}
.header_wrap:after {content:''; display:block; clear:both; zoom:1}
.header_wrap .link_back {display:block; position:absolute; left:0; padding:10px; margin:-10px}
.header .btn_arrow,
#header .btn_arrow {
    width:18.5px;
    height:30px;
    background-image:url(../images/common/ico_arrow_header.png); 
    background-size:100%; 
    background-repeat:no-repeat; 
    background-position:0 50%; 
}
#header .btn_home,
.header .btn_home {
    width:24px;
    height:22px;
    margin-top:3px;
    background-image:url(../images/common/ico_home.svg); 
    background-size:100%; 
    background-repeat:no-repeat; 
    background-position:0 50%; 
}
.header .tit_header,
#header .tit_header {display:block; width:100%; font-weight:400; font-size:20px; text-align:center; color:#333;}

/* 정보 수정 요청 버튼 애니메이션 */
@keyframes btnAni {
    0% {opacity:1}
    100% {opacity:.1;}
}

/* 자동차 타이틀 영역 */
.car_title_wrap {width:89.889%; margin:0 auto 30px; padding-top:25px; text-align:left;}
.car_title_wrap .txt_company {display:inline-block; margin-bottom:5px; font-size:15px; font-weight:400;}
.car_title_wrap .tit_car {margin-bottom:2px; font-size:33px; font-weight:700; line-height:1.5;}
.car_title_wrap .txt_desc {display:block; width:76%; font-size:14px; color:#7F8696;}
.car_title_wrap .txt_desc {color:#333; font-weight:700;}
.car_title_wrap .txt_desc1 {display:block; width:76%; font-size:13px; color:#7F8696;}
.car_title_wrap .txt_desc1 {color:#333; font-weight:500;}
.car_title_wrap .link_wrong_info {display:block; position:absolute; right:-100%; top:-2px; padding:0 11px 0 9px; background-color:#F33636; font-size:12px; line-height:24px; font-weight:600; color:#fff; -webkit-border-radius:15px;border-radius:15px; transition:all 1s ease; -webkit-animation:btnAni .6s linear 1.5s 6 alternate;animation:btnAni .6s linear 1.5s 6 alternate;}
.car_title_wrap .link_wrong_info.animate {right:0px;line-height:33px}
.car_title_wrap .link_wrong_info .ico_question {margin:0 12px; font-size:12px;}
.car_title_wrap .link_wrong_info .ico_question:before {width:18px; height:18px; margin:-9px 0 0 -9px; background-color:#F33636;}
.car_title_wrap .link_wrong_info .ico_sad {display:inline-block; width:16px; height:24px; margin-right:5px; background-image: url(../images/common/ico_pointing_right.svg);background-size:100%; background-position:center; background-repeat:no-repeat; vertical-align:top;}
.box_img {width:88.8888889%; margin:0 auto;}
.box_img img {width:100%}

/* 테이블 및 칼럼 영역 */
table caption {text-indent:-9999px; overflow-x:hidden;overflow-y:hidden; height:0;}
.col {float:left; margin-bottom:15px;}                              /*.col {float:left; margin-bottom:15px;}*/
.col.last {margin-bottom:0;}
.col_whole {width:100%;}
.col_half {width:50%; margin-bottom:15px;}
.col_third {width:33.33333%; margin-bottom:15px;}
.col_third.col_1 {width:38%;}
.col_third.col_2 {width:36%;}
.col_third.col_3 {width:26%;}
.col_quarter {width:25%; margin-bottom:15px;}
.col_last {margin-bottom:0;}
.row:after {content:''; display:block; clear:both;}

/* 차 기본 정보(.cont_feature) */
.cont_feature .average_price, 
.cont_feature .car_year, 
.cont_feature .car_deal, 
.cont_feature .first_reg {font-weight:700;}

/* 폰트 스타일 */
.tit_data {display:block; font-size:0.750rem;/*12px*/ font-weight:400; color:#7F8696;}
.tit_value {display:block; font-size:0.875rem;/*14px*/ color:#333;}
.tit_item {font-size:0.563rem;/*9px*/ color:#7F8696; vertical-align:middle;}
.txt_bold {font-weight:700;}
.txt_emp {display:inline-block; padding:2px 10px; margin:0 3px; background-color:#7f8698; color:#fff;  border-radius:30px;}
.txt_inform {font-size:18px; color:#7F8696;}
.data_value {font-size:12px; color:#0056AF; vertical-align:bottom;}
.desc_price {font-size:8px; color:#7F8696;}
.desc_sub {font-size:12px; color:#7F8696;}
.desc_detail {font-size:14px; color:#7F8696;}
.desc_strong {font-size:28px; font-weight:400; color:#0056AF; text-align:center;}
.desc_strong strong {font-weight:700;}
.desc_strong_sub {font-size:18px; font-weight:400; color:#7F8696; text-align:center;}

/* input & 하단에 있는 버튼들 & 그 외 버튼 */
.box_input {position:relative; margin-bottom:26px;}
.box_input.last {margin-bottom:0;}
.box_input .tit_data {margin-bottom:8px;}

.box_input input[type='text'], 
.box_input input[type='email'], 
.box_input input[type='password'], 
.box_input input[type='number'], 
.box_input input[type='tel'],
.box_input select {
    position:relative;
    padding-left:14px;
    border:1px solid #7F8696;
}
.box_input textarea {
    position:relative;
    padding-left:14px;
    padding:10px 14px;
}

input[type='submit'] {/*background-color:transparent;*/ border:none;}
input[type='password'] {padding-right:55px;}

input, .btn_foot, button, select {    
    display:block;
    width:100%;
    height:3.125rem;/*50px*/ 
    margin-bottom:20px; 
    /* border:none; */
    /* border:1px solid #7F8696; */
    border-radius:2px; 
    border-image:none;
    background-repeat:no-repeat;
    font-size:1rem;/*16px;*/
    font-weight:400;
    font-family:'NotoSans';
    line-height:3.125rem;/*50px*/

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 

    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance:none; 
    -ms-progress-appearance:none;

    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

    text-transform:none;
    text-decoration:none;
}
/* input[type="button" i], 
input[type="submit" i], 
input[type="reset" i], 
input[type="file" i]::-webkit-file-upload-button, 
button {
    background-color:transparent; border:none; font-family:'NotoSans';
} */
textarea {
    overflow-x:auto;
    overflow-y:auto;
    width:100%;
    border:none;
    border:1px solid #7F8696;
    border-radius:1px; 
    padding:10px; 
    font-size:1rem;/*16px*/
    outline:0px none transparent;
    resize: none; /*remove the resize handle on the bottom right*/

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 

    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance:none; 
    -ms-progress-appearance:none;

    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
textarea:focus {outline:0;}
select { 
    font-size:1.125rem;/*18px*/ 
    background-color:#fff; 
    font-weight:400; 
    font-family:'NotoSans';
    color:#ccc;
}
select.on {color:#333;}
select:focus,
input[type='email']:focus, 
input[type='password']:focus {
    width:99%;
    margin:0 auto;
    outline:none; 
    border:none; 
    
    box-shadow:0 0 0 1pt #0056AF;
    -webkit-box-shadow:0 0 0 1pt #0056AF;
    -moz-box-shadow:0 0 0 1pt #0056AF;
}
input[type='text']:focus, 
input[type='password']:focus, 
input[type='email']:focus, 
input[type='tel']:focus, 
input[type='number']:focus {
    width:99%;
    margin:0 auto;
    margin-bottom:20px;
    border:none; 

    box-shadow:0 0 0 1pt #0056AF;
    -webkit-box-shadow:0 0 0 1pt #0056AF;
    -moz-box-shadow:0 0 0 1pt #0056AF;
    /* box-shadow:none;

    border:2px solid #0056AF; */
}
input:focus, button:focus, select:focus {outline:none;} 
button[type=button]:focus {
    outline:none; 
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}
input.focus_red:focus {
    box-shadow:0 0 0 1pt #D41414;
    -webkit-box-shadow:0 0 0 1pt #D41414;
    -moz-box-shadow:0 0 0 1pt #D41414;
}

input[type="checkbox"], input[type="radio"] {width:24px; height:24px; margin:0 auto 7px; border-radius:24px; border:1px solid #7F8696;}
input[type="checkbox"]:checked, input[type="radio"]:checked {border:none; background-color:#0056AF; background-image:url(../images/common/bg_check.png); background-position:70% 45%; background-size:60%; appearance:none; -moz-appearance:none;-webkit-appearance:none;-ms-progress-appearance:none;}

input::placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}
input:-moz-placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/  font-weight:400; font-family:'NotoSans';}
input:-ms-input-placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}
input::-webkit-input-placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}

textarea::placeholder {
    display:inline-block;
    color:#ccc; 
    font-size:1.125rem;/*18px*/ 
    font-weight:400; 
    font-family:'NotoSans';
} 
textarea::-moz-placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';} 
textarea::-ms-input-placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';} 
textarea::-webkit-input--placeholder {display:inline-block; color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}

select::placeholder {color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}
select::-webkit-placeholder {color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}
select::-moz-placeholder {color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}
select::-ms-placeholder {color:#ccc; font-size:1.125rem;/*18px*/ font-weight:400; font-family:'NotoSans';}

form .btn_foot_area {width:100%;}
.btn_foot_area {overflow-x:hidden;overflow-y:hidden; width:100%;}
.btn_foot_area.fixed {position:fixed; left:0; bottom:0;}
.btn_foot {margin-bottom:0; font-weight:400; font-size:16px;}
.btn_foot.whole {width:100%;}
.btn_foot.half, .button {width:50%;}
.btn_foot.left {float:left; border-radius:0;}
.btn_foot.right {float:right; border-radius:0;}
.btn_area .btn_foot:first-child {border-right:1px solid #DADADE}

.btn_foot.white {background-color:#fff; border:1px solid #333; text-align:center;}
.btn_foot.blue {border:none; text-align:center; background-color:#0056AF; color:#fff; line-height: 63px}
.btn_foot.kakao, .btn_foot.text {
    padding-right:7%;
    text-align:right;
    background-position:10% 50%;
}
.btn_foot.kakao {
    border:none;
    background-color:#FEDB00; 
    background-image:url(../images/common/ico_kakao.png); 
    background-size:1.563rem;/*25px*/ 
}
.btn_foot.text {background-image:url(../images/common/ico_text.png); background-size:1.875rem;/*30px*/}
.btn_foot.call {}
.btn_foot span {display:inline-block; width:100%; text-align:center;}
.btn_foot.gray {border:none; background-color:#7F8696; text-align:center; color:#fff;}
.btn_foot.fixed {position:fixed; bottom:0; left:0; width:100%; margin-bottom:0; -webkit-backface-visibility:hidden;/*모바일에서 position fixed 미동작 오류 막아주는 속성*/}
.btn_foot.active {background-color:#0056AF;}

.btn_close {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:20px;
    height:20px;
    margin:22px 1.875rem 0 0;
    font-size:0;
    line-height:0;
    background-image:url(../images/common/btn_close.png);
    background-repeat:no-repeat;
    background-size:20px 20px;
}
select {background-image:url(../images/common/ico_arrow_gray-down.png); background-size:12px 6px; background-repeat:no-repeat; background-position:95% center;}

/* 파이어폭스에서 인풋 타입 넘버 스피너 나오는 경우 리셋 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* 퀵 메뉴 버튼 토글 */
.quick-menu {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:1000;

    width:56px;
    height:56px;
    border-radius:56px;
    
    box-shadow:2px 2px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:2px 2px 10px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:2px 2px 10px 1px rgba(0, 0, 0, 0.2);
}
.list_quick-menu {}
.list_quick-menu li {overflow-x:hidden;overflow-y:hidden; position:absolute; right:0; bottom:71px; height:0; opacity:0; transition:all .2s ease-out;}
.list_quick-menu span {position:absolute; top:17px; left:-35px; color:#fff; color:#fff;}

.list_quick-menu .item_manage .link_quick-menu {background-position:0;}
.list_quick-menu .item_actual .link_quick-menu {background-position:33%;}
.list_quick-menu .item_estimate .link_quick-menu {background-position:66%;}
.link_quick-menu {
    display:inline-block;
    background-image:url(../images/common/ico_quick-menu.png);
    background-size:400% 100%;
    background-repeat:no-repeat;
    background-color:#fff;
}
.quick-menu.on li {overflow-x:visible;overflow-y:visible; height:61px; opacity:1;}
.quick-menu.on .item_manage {bottom:213px;}
.quick-menu.on .item_actual {bottom:142px;}
.quick-menu.on .item_estimate {bottom:71px;}

.btn_quick-toggle {
    display:block; 
    border:none;
    background-color:#0056AF; 
    background-image:url(../images/common/btn_quick-menu.png);
    background-repeat:no-repeat;
    background-size:31px 23px; 
    background-position:59% center;
    transition:all .2s ease-out;
}
.btn_quick-toggle.on {background-image:url(../images/common/btn_quick-menu_on.png); background-size:17px 17px; background-position:center center;}

.btn_quick-toggle, .link_quick-menu {
    width:56px; 
    height:56px; 
    border-radius:56px; 
}


/* 알림 페이지 레이아웃 */
.cont_alert:before {content:''; display:inline-block; width:133px; height:133px; margin-bottom:10%; border-radius:133px; background-image:url(../images/confirm/ico_confirm.png); background-size:400%; background-color:#E8E8E8;   background-repeat:no-repeat;}
.page_alert .btn_foot_area {position:absolute; bottom:0; /* left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);*/}

/* page_alert 정리 */
.page_alert {height:100%;}
.page_alert .container,
.page_alert #container {position:relative; height:100%; text-align:center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.page_alert #container .cont_alert,
.page_alert .container .cont_alert {position:relative;}
.page_alert .container .cont_alert .desc_strong,
.page_alert #container .cont_alert .desc_strong {margin-bottom:22px;}

/* 모서리 처리 */
.cut_off {
    content: '';
    display:block;
    position:absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0%;
    border-top:10px solid transparent;
    border-right:10px solid #333;
    border-bottom:9px solid #333;
    border-left:9px solid transparent;
}
.cut_off:after {
    content:'';
    position:absolute;
    width:0;
    height:0;
    left:-9px;
    top:-9px;
    border-top:12px solid transparent;
    border-right:12px solid white;
    border-bottom:12px solid white;
    border-left:12px solid transparent;
}

/* xd 폰트 스타일 */
#header h1 {font-weight:700; font-size:20px;} /*헤더 타이틀*/
.txt_key {font-weight:400; font-size:12px; color:#7F8696;} /*key 값과 몇몇 작은 글자들*/


/* sub-page animate 목록 (동시 적용 가능)*/
.animate_b-t {position:absolute; left:0; top:100%; z-index:90; width:100%; height:100%; transition:all 0.3s ease;}
.sub-page .btn_close {
    left:0; top:50%; width:20px; height:20px; margin-top:-7.5px;
}
.sub-page {background-color:#fff;}
.sub-page .cont_top {border-bottom:1px solid #E8E8E8;}
.sub-page .txt_inform {font-size:18px;}
.sub-page .btn_foot {position:absolute; left:0; bottom:0; /*width:100%;*/}
.sub-page .btn_foot_area .btn_foot {position:static;}

/* 모달 팝업 스타일 */
.bg_dim {display:none; position:fixed; z-index:200; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.4);}/* 토글 시 / 팝업 시 뒤 배경 어두워짐 */
.popup {display:none; overflow-x:hidden; overflow-y:hidden; position:absolute; left:50%; top:50%; z-index:300; width:260px; /*min-width:260px;*/ /*max-width:320px;*/ height:auto; /*min-height:300px;*/ padding:18px 20px 60px; background-color:#fff; box-sizing:border-box;-webkit-box-sizing:border-box; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.popup .txt_area {text-align:center; margin:0 auto 15px; /*margin:20px auto 0;*/}
.popup .txt_area .tit {display:block; color:#333; font-weight:700; font-size:16px;/*18px;*/}
.popup .txt_area .desc {display:block; margin-top:20px; font-size:12px;/*15px;*/ color:#333;}
.popup .btn_area {overflow-x:hidden; overflow-y:hidden; position:absolute; bottom:0; left:0; width:100%;}
.popup .btn_area a {float:left; width:50%; height:45px; margin:0; text-align:center; border:none; line-height:45px; border-radius:0; border-top:1px solid #DADADE;}
.popup .btn_area .whole {width:100%; color:#0056AF;}
.popup .btn_area .strong {font-weight:700;}
/* .popup .btn_area .white {border-top:1px solid #DADADE;} */
.popup .btn_area .left {border-right:1px solid #DADADE;}
.popup .btn_area .blue {background-color:#fff; color:#0056AF;}
.popup button {margin-bottom:0;}
.txt_alert {position:absolute; bottom:125px; left:0; width:100%; font-size:22px; font-weight:700; color:#0056AF; text-align:center;}

/* 중복확인 레이아웃 */
.id_check {position:absolute; top:0; right:0; width:27%; border-radius:1px; margin-bottom:0; font-size:14px; background-color:#7F8696; color:#fff;}

/* 비밀번호 눈 모양 아이콘*/
.box_pw {position:relative;}
.box_pw .ico_pw-eye {position:absolute; right:15px; margin:0; background-size:100%; background-repeat:no-repeat;}
.box_pw .ico_pw-eye.off {top:16px; width:23px; height:24px; background-image:url(../images/common/ico_password-eye_off.png);}
.box_pw .ico_pw-eye.on {top:18px; width:23px; height:17px; background-image:url(../images/common/ico_password-eye_on.png)}

/* 물음표 원 아이콘 */
.ico_question {position:relative; display:inline-block; margin:0 14px 0 10px; color:#fff; font-size:16px;}
.ico_question:before {display:block; content:''; position:absolute; top:50%; left:50%; z-index:-1; width:22px; height:22px; margin:-11px 0 0 -11px; background-color:#0056AF; border-radius:22px;-webkit-border-radius:22px; vertical-align:top;}

/* 로딩 팝업 */
.loading_popup {display:none;}
.loading_bg {position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; text-align:center; background:#000; opacity:0.7; filter:alpha(opacity=70);}
.loading_popup .animation {position:absolute; z-index:101; top:50%; left:50%; width:40%; max-width:150px; transform:translate(-50%, -50%);}
.loading_popup .animation img {display:none; width:100%;}

/* 회원탈퇴 페이지 */
#wrap.leave {}
#wrap.leave #container {height:100%; padding-top:60px;}
#wrap.leave .cont_top {padding:20px 0 25px; border:none;}
#wrap.leave .logo {text-align:center;}
#wrap.leave .logo img {display:inline-block; width:157px; height:32px;}
#wrap.leave .cont_middle {overflow-y:scroll; padding-top:0; padding-bottom:55px; box-sizing:border-box; -webkit-box-sizing: border-box; -webkit-overflow-scrolling:touch;}

#wrap.leave .tit_wrap {margin-bottom:13px; font-size:28px; text-align:center; color:#0056AF;}
#wrap.leave .tit_wrap .top {font-weight:300;}
#wrap.leave .tit_wrap .bottom {font-weight:700;}
#wrap.leave .desc {margin-bottom:40px; font-size:14px; color:#707070;}
#wrap.leave .desc strong {color:#0056AF; font-weight:400;}
#wrap.leave .question {margin-bottom:15px; color:#0056AF;}
#wrap.leave .list_reason {margin-bottom:10px; font-size:0;}
#wrap.leave .list_reason li {display:inline-block; width:33.333%/*31.25%*/; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
#wrap.leave .list_reason li.first {text-align:left;}
#wrap.leave .list_reason li.second {text-align:center;}
#wrap.leave .list_reason li.third {text-align:right;}
#wrap.leave .list_reason input[type='submit'] {display:inline-block; width:94%; height:50px; margin-bottom:12px; line-height:50px; border:1px solid #7F8696; background-color:#fff; color:#7F8696;}
#wrap.leave .list_reason input[type='submit'].active {border:none; background-color:#0056AF; color:#fff;}
#wrap.leave .list_reason li:last-child {width:100%;}
#wrap.leave .list_reason li:last-child textarea {height:80px; padding:11px 14px;}
#wrap.leave .text-num {display:block; width:100%; font-size:14px; color:#ccc; text-align:right;}

#wrap.leave .btn_foot_area a {width:50%; text-align:center;}
#wrap.leave .btn_foot_area .white {border-left:none;}


/* 반복 레이아웃 */
.cont_top {border-bottom:1px solid #E8E8E8;}

/* 내 계좌정보 */
.my_account {}
.my_account .btn_modify {position:absolute; top:17px; right:0; display:block; color:#D41414; font-size:18px;}
.my_account input[type='text'],.my_account input[type='number'], .my_account select {border:1px solid #ccc;}
.my_account .tit {display:block; margin-bottom:10px; font-size:12px; color:#7F8696;}
.my_account dd {padding-left:14px; font-size:18px; color:#333; line-height:50px;}

/* 비밀번호 변경 페이지 */
#resetPassword {position:relative; height:100%}
#resetPassword .box_pw {margin-bottom:20px;}
#resetPassword .txt_alert {font-size:18px;}

/* 토스트 메시지 */
.toast {position:absolute; bottom:-100%; left:50%; z-index:500; min-width:170px; padding:10px 20px; background-color:#0056AF; font-size:14px; color:#fff; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%); text-align:center; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; transition:all 0.7s ease; visibility:hidden;}
.toast.active {bottom:80px; visibility:visible;}

/* 말풍선 모양 */
.desc_balloon {position:relative; width:100%; padding:15px 0 15px; font-size:18px; border:1px solid #ccc; border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px; background-color:#fff; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background-color:transparent;  }
.desc_balloon:after {content:''; position:absolute; bottom:-13px;left:50%; margin-left:-12.5px; width:25px; height:13px; background-image: url(../images/common/bg_quotation-arrow.png); background-repeat:no-repeat; background-size:100%;}
.desc_balloon.top:after {content:''; position:absolute; top:-13px; left:50%; margin-left:-12.5px; width:25px; height:13px; background-image: url(../images/common/bg_quotation-arrow.png); background-repeat:no-repeat; background-size:100%; transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.desc_balloon .blue {color:#0056AF;}
.desc_balloon .tit {margin-bottom:22px; font-size:22px; color:#D41414;}
.desc_balloon .slash {display:inline-block; padding:0 3px; font-size:10px; color:#D41414; vertical-align:middle;}

/* 버튼 애니메이션 */


/* 아코디언 스타일(1:1 문의 및 보험가입신청내역)*/
.accordion #container > .content {position:absolute; top:70px; left:0; right:0; bottom:0; width:100%; padding:0 0 50px;}
.accordion ul {overflow-y:scroll; width:100%; height:100%; font-size:14px;}
.accordion ul li:last-child a {border-bottom:1px solid #E8E8E8;}
.accordion ul li a {overflow-x:hidden; overflow-y:hidden; display:block; width:88.899%; margin:0 auto; padding:15px 0; border-top:1px solid #E8E8E8;}
.accordion ul li .detail {overflow-x:hidden; overflow-y:hidden; max-height:0; background-color:#F2F2F2; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition:all .5s ease-in-out;}
.accordion li.active .detail {max-height:1000px;}
.accordion .detail .inner {width:89.889%; margin:0 auto; padding:30px 0;}
.accordion .detail .row {overflow-x:hidden; overflow-y:hidden;}
.accordion .detail .img_area {width:60px; height:60px; border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px; background-repeat:no-repeat;}
.accordion .detail .txt_area {position:relative; width:75%; padding:10px 13px; background-color:#fff;  border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.accordion .detail .txt_area:after {content:''; display:block; position:absolute; top:12px;width:17px; height:17px; background-color:#fff; transform:rotate(45deg);-webkit-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.accordion .detail .row.top .img_area {float:left; margin-right:5px; background-image:url(../images/main/img_profile.jpg);}
.accordion .detail .row.top .txt_area {float:right;}
.accordion .detail .row.top .txt_area:after {left:-8px}
.accordion .detail .row.bottom {margin-top:25px;}
.accordion .detail .row.bottom .txt_area {float:left; color:#0056AF;}
.accordion .detail .row.bottom .txt_area:after {right:-8px;}
.accordion .detail .row.bottom .img_area {float:right; margin-left:5px; background-color:#0056AF; background-image:url(../images/common/logo_car_white.png); background-size:70% auto; background-position:53% 45%;}
.accordion ul h3 {overflow-x:hidden; overflow-y:hidden; float:left; width:75%; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.accordion ul .util {overflow-x:hidden; overflow-y:hidden; color:#7F8696; margin-bottom:5px;}
.accordion ul .util span {display:block; float:left;}
.accordion ul .util .date {float:right;}
.accordion li .status {float:right;}
.accordion ul .waiting {color:#7F8696;}
.accordion ul .no {color:#D41414;}
.accordion ul .finish {color:#0056AF;}
.accordion .status.new:before {content:''; display:inline-block; width:5px; height:5px; margin:-2px 5px 0 0; background-color:#D41414; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; vertical-align:middle;}

/* FAQ, 오토업 데이터 안내 */
#wrap.accordion_type2 {overflow-x:visible; overflow-y:visible;}
.accordion_type2 .top {margin-bottom:40px; text-align:center;}
.accordion_type2 .top p {margin-bottom:20px; font-size:40px; color:#0056AF;}
.accordion_type2 .top img {width:40%; max-width:170px;}
.accordion_type2 ul {height:auto;}
.accordion_type2 ul .prefix {display:inline-block;}
.accordion_type2 ul h3 {width:100%; font-weight:700;}
.accordion_type2 .detail .inner {display:flex;display:-webkit-flex; overflow-x:hidden; overflow-y:hidden; padding-right:5px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.accordion_type2 ul .prefix_q {display:inline-block; color:#7f8696; /*color:#0056AF;*/ margin-right:10px; font-weight:700;}
.accordion_type2 ul .prefix_a {display:block; margin-right:10px; color:#333; font-weight:700;}
.accordion_type2 ul .answer { display:inline-block;}
.accordion_type2 ul .detail .txt_small {font-size:11px; display:block;}
.accordion_type2 ul .detail p {margin-bottom:10px;}
.accordion_type2 ul .detail p:last-child {margin-bottom:0;}
.accordion_type2 ul .tit {margin-bottom:10px; border-bottom:1px solid #333;}
.accordion_type2 ul .txt_blue {color:#0056AF;}
.accordion_type2 ul .txt_red {color:#D41414; font-weight:700;}

.guide {overflow-x:hidden; overflow-y:hidden;height:100%; text-align:center;}
.guide .page {height:100%;}
.guide .container,
.guide #container {height:100%;}
.guide .content {height:100%;}
.guide .logo_area {margin-bottom:60px; text-align:center;}
.guide .logo_area img {width:160px; vertical-align:top;}
.guide .tit_guide {margin-bottom:10px; font-weight:300; font-size:28px; color:#0056AF; }
.guide .btn_foot_area {position:absolute; left:0; bottom:0;}
.guide .bottom {position:absolute; bottom:70px; left:0; right:0;} 
.guide .bottom .desc_balloon {position:relative; bottom:10px; color:#D41414; padding:15px 10px;} 
.guide .bottom .desc_balloon em {font-weight:700;}
.guide .bottom .box_input {margin:20px 0 0 0;}
.guide .bottom .box_input input[type='checkbox'] {display:inline-block;}
.guide .bottom .box_input label {font-size:14px;}
.guide .bottom .box_input label em {color:#0056AF}
.guide .reg .desc_balloon p {color:#0056AF}

/* 충전 후 이용 팝업 */
#prePay .header {position:absolute;}
#prePay .car_title_wrap img {width:100%;}
#prePay .desc_strong {font-weight:700;}
#prePay .desc_balloon {display:inline-block; width:88.8888889%; padding:10px 0; margin:20px 0 40px; color:#D41414;}
#prePay .btn_foot_area {-webkit-transform:translate(0, 0);transform:translate(0, 0);}



/* 미디어쿼리 */
@media (max-height:620px) {
    #container {padding-top:60px;}
    .content {padding-top:20px;}
    #container .content .logo_area {margin-bottom:40px;}
    .guide .tit_guide {font-size:25px;}
    .desc_balloon {padding: 10px 10px; font-size:15px;}
}

/* 키오스크 미디어쿼리 */
@media (min-height:1800px) {
    html {font-size:40px;}
    body, th, td, input, select, textarea, button {font-size:36px;}
    .header_wrap {padding:45px 0;}
    .header_wrap .link_back {padding:40px; margin:-40px}
    .header .tit_header, #header .tit_header {font-size:52px;}
    .header .btn_arrow, #header .btn_arrow {width:45px; height:67.5px;}
    #header .btn_home, .header .btn_home {width:70px; height:65px; margin-top:5px;}
    #container {padding-top:60px;}
    .content {padding-top:20px; padding:62.5px 0 60px;}
    #container, .container {padding-top:210px;}
    #container .content .logo_area {margin-bottom:40px;}
    .sub-page .cont_top {border-bottom:3px solid #E8E8E8;}
    .cont_top {padding:62.5px 0 60px;}
    
    .desc_balloon {padding:30px 0 30px; font-size:40px; -webkit-border-radius:3px;border-radius:3px;}
    .desc_balloon:after {bottom:-25px; width:50px; height:26px; margin-left:-25px;}
    .ico_question {margin:0 42px 0 30px; font-size:40px;}
    .ico_question:before {width:60px; height:60px; margin:-30px 0 0 -30px; -webkit-border-radius:50%;border-radius:50%;}

    .car_title_wrap {margin:0 auto 60px;}
    .car_title_wrap .txt_company {font-size:45px;}
    .car_title_wrap .tit_car {font-size:80px;}
    .car_title_wrap .txt_desc {font-size:44px;}
    .car_title_wrap .link_wrong_info {padding:20px 40px; font-size:34px; border-radius:50px;}
    .car_title_wrap .link_wrong_info .ico_sad {width:43px; height:24px; margin-right:20px;}

    .desc_strong {font-size:68px;}
    .txt_inform {font-size:46px;}
    .box_input .tit_data {margin-bottom:20px;}
    .tit_data {font-size:28px;}
    .desc_sub {font-size:28px;}

    .col_third {margin-bottom:30px;}
    .id_check {font-size:34px;}
    .txt_emp {padding:6px 30px;}

    .box_input {margin-bottom:50px;}
    input, .btn_foot, button, select {height:120px; line-height:120px;}
    .btn_foot {font-size:40px;}
    .btn_area {}
    input, .btn_foot, button, select {height:120px; line-height:120px; -webkit-border-radius:6px;border-radius:6px; font-size:36px;}
    .box_input input[type='text'], .box_input input[type='email'], .box_input input[type='password'], .box_input input[type='number'], .box_input input[type='tel'], .box_input select {padding-left:42px; margin-bottom:60px; border:2px solid #7F8696;}
    select {background-size:35px 16px;}
    input:-moz-placeholder {font-size:46px;}
    input:-ms-input-placeholder {font-size:46px;}
    input::-webkit-input-placeholder {font-size:46px;}
    input::placeholder {font-size:46px;}
    input[type='password'] {padding-right:105px;}
    input[type="checkbox"], input[type="radio"] {width:50px; height:50px; margin:0 auto 14px; -webkit-border-radius:50%;border-radius:50%;}

    textarea::-moz-placeholder {font-size:40px;} 
    textarea::-ms-input-placeholder {font-size:40px;} 
    textarea::-webkit-input--placeholder {font-size:40px;}
    textarea::placeholder {font-size:40px;} 

    select::-webkit-placeholder {font-size:46px;}
    select::-moz-placeholder {font-size:46px;}
    select::-ms-placeholder {font-size:46px;}
    select::placeholder {font-size:46px;}
    
    .box_pw .ico_pw-eye {right:30px;}
    .box_pw .ico_pw-eye.on {top:40px; width:50px; height:45px;}
    .box_pw .ico_pw-eye.off {top:40px; width:50px; height:50px;}

    .guide .tit_guide {font-size:25px;}

    .sub-page .txt_inform {font-size:50px;}
    .popup {width:780px; padding:54px 60px 180px; -webkit-border-radius:36px;border-radius:36px;}
    .popup .txt_area .tit {font-size:40px;}
    .popup .txt_area .desc {margin-top:40px; font-size:28px;}
    .popup .btn_area a {height:120px; line-height:120px; font-size:40px;}

    #prePay .desc_balloon {padding:20px 0; margin:40px 0 80px;}
    #prePay .btn_foot_area {-webkit-transform:translate(0, 0);transform:translate(0, 0);}
    .btn_close {
        left: 0;
        top: 50%;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        background-size: 30px 30px;
        background-position: left center;
    }
}