@charset "utf-8";

.app_view {display: none;}
.app_none {display: block;}
.type_center {text-align: center !important;}/* 210824 modify */
.type_left {text-align: left !important;}/* 210824 add */
.warning{color: #eb3323 !important;} /* 200506 add */
.distance {display:none; padding-bottom: 20px; padding-left:0 !important; text-indent:0 !important;} /* 200707 add */
/*#wrap {overflow: hidden;}*/
.app_header {position: fixed; top: 0; left: 0; width: 100%; height: 60px; text-align: center;}
.app_header img {height: 100%;}
.prevend_scroll {overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.layer_wrap.layer_modal_type {display: inline; background-color: transparent; box-shadow: none;}
.layer_wrap.layer_modal_type:before {display: block; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(255,255,255,.9); content: '';}
.layer_wrap.layer_modal_type .layer_cont {position: fixed; top: 50%; left: 50%; z-index: 1000; transform: translate3d(-50%, -50%, 0); width: 360px; background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0,0,0,.5);}
/*.area_content.type_app {padding-top: 60px;}*/
.area_content.type_app .txt_wrap {padding: 7.46vw 4.26vw;}
.area_content.type_app .txt_wrap.type_1 {text-align: center;}
.area_content.type_app .txt_wrap.type_2 {padding: 0;}
.area_content.type_app .txt_wrap.type_1 .h2_tit {font-size: 7.2vw; line-height: 1.3em;}
.area_content.type_app .txt_wrap > .txt {margin: 3.2vw 0 0; font-size: 3.6vw; line-height: 1.5em;}
.area_content .cont_row:first-child .contModule.cont_h2 .txt_wrap .align_cont {padding-left: 205px;}
.area_content .contModule.cont_h2 .module .h2_tit {max-width: 100%;}
.area_content .contModule.cont_h2 .txt_wrap.dark .align_cont * {color: #fff;}
.mo_view {display: none;}
.mo_none {display: block;}
.mo_none.type_1 {display: inline-block !important;}
.txt_explain {color: #666;} /* 200605 modify */
.txt_explain.type_1 {margin-top: 20px; font-size: 16px; line-height: 1.4em; color: #666;}
.txt_explain.type_2 {margin-top: 10px; font-size: 14px; line-height: 1.4em; color: #666;}
.txt_explain.type_3,
.txt_explain.type_4,
.txt_explain.type_5 {position: relative; margin-top: 8px; padding-left: 18px; font-size: 16px; line-height: 1.5em; color: #666;}
.txt_explain.type_4 {margin-top: 27px; padding-left: 20px; font-size: 18px;}
.txt_explain.type_5 {color: #666;}
.txt_explain.type_3:before,
.txt_explain.type_4:before,
.txt_explain.type_5:before {display: block; position: absolute; top: 0; left: 0; content: '※';}
.txt_explain.type_left {text-align: left;}
.txt_exclaim {position: relative; margin-top: 20px; padding-left: 30px; font-size: 18px; line-height: 1.43em; color: #666;}
.txt_exclaim.type_1 {margin-top: 0;}
.txt_exclaim:before {display: block; position: absolute; top: 2px; left: 0; width:20px; height:20px; background:url('/cstatic/images/common/bl_noti_3.png') no-repeat 0 0; background-size: contain; content: '';}
.btn.large {min-width: 310px;}
.btn.type_small {min-width: 180px; height: 40px; font-family: 'HyundaiSansTextKRRegular'; font-size: 16px; line-height: 40px;}
.btn.type_arrow {position: relative; padding-right: 28px;}
.btn.type_arrow:after {display: block; position: absolute; top: 50%; right: 18px; width: 12px; height: 12px; transform: translateY(-60%) rotate(45deg); border-style: solid; border-color: #222; border-width: 2px 2px 0 0; content: '';}
.btn.type_arrow:after {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.btn.type_arrow:hover:after {border-color: #fff;}
.area_content.type_1 .list_btn li .btn {width: 310px; height: 50px; line-height: 46px;}
.layer_alert .btn,
.layer_alert .list_btn li .btn {min-width: 240px; width: 240px; height: 60px; line-height: 60px;}
.layer_alert.Advertising_agree .btn {height:74px; padding: 5px 0; line-height:1.5;} /* 200629 add*/
.layer_alert .list_btn.size_2 {margin-left: 0; margin-right: 0; text-align: center;}
.layer_alert .list_btn.size_2 li {width: auto;}
.area_content.type_1 .btn.large {height: 60px; line-height: 56px;}
.area_content.type_1 .btn.blue.large
.area_content.type_1 .btn.gray.large {line-height: 60px;}
.btn.dark_blue {border-color: #012c5f; background-color: #012c5f;}
.btn.type_1 {background-color: transparent;}
.btn.type_tel {font-size: 18px; color: #222;}
.btn.type_tel:hover {color: #fff;}
.btn.type_tel:before {display: inline-block; position: relative; top: -2px; width: 18px; height: 18px; margin-right: 13px; background: url(/cstatic/images/common/icon_call.png) no-repeat; background-size: contain; vertical-align: middle; content: '';}
.btn.type_disabled:hover,
.btn.type_disabled:focus,
.btn.type_disabled {border: 1px solid #d4d4d4; background-color: #f4f4f4; color: #999;}
.btn.type_link:after {display: inline-block; position: relative; top: -2px; width: 15px; height: 15px; margin-left: 10px; background: url(/cstatic/images/common/icon_link_1.png) no-repeat; background-size: contain; vertical-align: middle; content: '';}
.btn.type_large {min-width: 310px; height: 60px; line-height: 56px; font-size: 20px;}
.btn_wrap.type_1 {margin-top: 30px;}
.btn_wrap.type_2 {margin: 50px 0 30px; text-align: center;}
.btn_wrap.type_3 {margin-top: 20px; text-align: center;}
.btn_wrap.type_4 {margin-top: 70px; text-align: center;}
.btn_wrap.type_1 .list_btn,
.btn_wrap.type_2 .list_btn,
.btn_wrap.type_3 .list_btn,
.btn_wrap.type_4 .list_btn {margin-top: 0;}
.btn_wrap.type_center {text-align: center;}
.txt.type_3 + .btn_wrap.type_3 {margin-top: 16px;}
.btn_wrap.type_3 .btn.type_1 {min-width: 480px;}
.txt_color.type_pink {color: #35719e;}
.type_highlight {font-family: 'HyundaiSansTextKRBold';}
.area_content.type_1 {overflow:hidden;margin-bottom:120px;} /* 200811 modify *//* 200825 modify */
/* 200825 add : 하단 여백 수정 */
/* #content .area_content.type_1:last-of-type {margin-bottom:0;border:1px solid blue} */ /* 210322 delete */
.area_mypage .area_content.type_1 {margin-bottom:0;}
/* //200825 add : 하단 여백 수정 */
.btn.type_1 {position: relative; background-color: transparent;}
.btn.type_1:hover,
.btn.type_1:focus {background-color: #35719E;}
.btn.type_2 {width:auto;padding:0 50px;} /* 210824 add */
.h1_tit.type_2 {font-size: 54px; color: #222; line-height: 1.2em;}
.h2_tit.type_3 {font-size: 24px;}
.h3_tit.type_3_1 {font-family: 'HyundaiSansHeadKRBold'; font-size: 24px; line-height: 1.3em; color: #222;}
.h2_tit.type_4 {font-size: 32px; line-height: 1.3em;}
.h4_tit.type_3 {font-size: 20px;}
.h4_tit.type_4 {font-size: 22px; line-height: 1.3em;}
.h3_tit.type_4 {font-size: 22px; line-height: 1.3em;}
.h3_tit.type_5 {font-size: 18px; line-height: 1.3em;}
.h4_tit.type_5 {font-size: 28px;}
.h4_tit.type_5 + .tb_row {margin-top: 8px;}
.h4_tit.type_6 {margin-top: 30px; margin-bottom: 20px; font-size: 24px;}

/* 운행 지원 */
.area_tab {overflow: hidden; border-top: 1px solid #d0d0d0;}
.list_tab {display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.list_tab a {display: block; position: relative; width: 100%; font-size: 18px; color: #222; text-align: center;}
.list_tab.type_inline a {line-height: 44px;}
.list_tab a:after {display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #35719e; content: '';}
.list_tab.type_1 a:after {display: block; height: 1px; background-color: #d0d0d0;}
.list_tab .on a {font-family: 'HyundaiSansTextKRBold'; color: #35719e;}
.list_tab .on a:after {display: block;}
.list_tab.type_1 .on a:after {height: 0.8vw; background-color: #35719e;}
.list_tab.type_inline li {position: relative; margin: 0 24px;}
.list_tab.type_inline li:before {display: block; position: absolute; top: 50%; left: -24px; transform: translateY(-50%); width: 1px; height: 14px; background-color: #999; content: '';}
.list_tab.type_inline li:first-child:before {display: none;}
.area_tab_content {overflow: hidden; position: relative;}
.area_tab_content .area_map {width: 100%; height: 600px;}
.box_map_info {display: block; position: absolute; bottom: 2.666vw; left: 2.666vw; z-index: 10; width: 94.668vw; padding: 2.66vw; background-color: rgba(0,0,0,.6); font-size: 3.7333vw; line-height: 1.42em; color: #fff; text-align: center;}
.box_map_info.off {bottom: -50vw;}
.box_map_explain {display: block; position: absolute; bottom: -100vw; left: 2.666vw; z-index: 10; width: 94.668vw; padding: 6.9vw 5.4vw; border: 1px solid #d0d0d0; background-color: #fff;}
.box_map_explain,
.box_map_info {-webkit-transition: all .3s linear; transition: all .3s linear;}
.box_map_explain.on {bottom: 5.333vw;}
.box_map_explain .tit {font-family: 'HyundaiSansTextKRBold'; font-size: 5.14vw; line-height: 1.35em;}
.box_map_explain .box_info {display: -webkit-flex; display: flex; position: relative; height: 6.4vw; margin-top: 1.28vw;}
.box_map_explain .box_info p {margin-top: 1.46vw; font-size: 3.73vw; line-height: 1.32em; color: #666;}
.box_map_explain .box_info .type_range {margin-right: 6.4vw; font-family: 'HyundaiSansTextKRBold'; font-size: 4.26vw; color: #35719e;}
.box_map_explain .list_icon {position: absolute; top: 0; right: 0;}
.box_map_explain .list_icon:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.box_map_explain .list_icon li {overflow: hidden; float: left; position: relative; width: 6.4vw; height: 0; margin-left: 2.05vw; padding-top: 6.4vw; border-radius: 100%; background-color: #666;}
.box_map_explain .list_icon li:first-child {margin-left: 0;}
.box_map_explain .list_icon li:before {display: block; position: absolute; top: 50%; left: 50%; width: 4.2667vw; height: 4.2667vw; transform: translate3d(-50%,-50%,0); background-size: contain; background-repeat: no-repeat; content: '';}
.box_map_explain .list_icon li.type_oil:before {background-image: url(/cstatic/images/service/icon_map_oil.png);}
.box_map_explain .list_icon li.type_food:before {background-image: url(/cstatic/images/service/icon_map_food.png);}
.box_map_explain .list_icon li.type_pharmacy:before {background-image: url(/cstatic/images/service/icon_map_pharmacy.png);}
.box_map_explain .list_icon li.type_shelter:before {background-image: url(/cstatic/images/service/icon_map_shelter.png);}
.area_tab_content .list_map_info {margin-top: 4vw;}
.area_tab_content .list_map_info > li {display: -webkit-flex; display: flex; position: relative; margin-top: 1.2vw; font-size: 3.743vw; line-height: 1.428em; color: #666;}
.area_tab_content .list_map_info > li:first-child {margin-top: 0;}
.area_tab_content .list_map_info > li .txt_tit {margin-right: 4.26vw; margin-left: 6.2vw; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.area_tab_content .list_map_info > li .txt_tit:first-child {min-width: 12.8vw; margin-left: 0;}
.area_tab_content .list_map_info > li.type_price .txt {font-family: 'HyundaiSansTextKRBold'; color: #35719e;}
.area_tab_content .list_map_info.type_1 li .txt_tit:first-child {min-width: 9.6vw;}
.box_map_explain .btn_close {position: absolute; top: 0; right: 0; width: 10.13vw; height: 0; padding-top: 10.13vw;}
.box_map_explain .btn_close button {display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 100%; border: none; background-color: transparent; text-indent: -9999em;}
.box_map_explain .btn_close button:before,
.box_map_explain .btn_close button:after {display: block; position: absolute; top: 50%; left: 50%; transform-origin: 50% 50%; width: 4.54vw; height: 1px; margin-left: -2.27vw; background-color: #222; content: '';}
.box_map_explain .btn_close button:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.box_map_explain .btn_close button:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.list_map_info + .txt_explain {margin-top: 3.46vw;}

.list_map_marker li button {display: block; overflow: hidden; position: absolute; z-index: 10; width: 40px; height: 0; padding-top: 40px; border: 1px solid #d0d0d0; background-color: #fff; text-indent: -9999px;}
.list_map_marker li .btn_map_pos {top: 2.66vw; left: 2.666vw;}
.list_map_marker li .btn_map_cargo {display: none; top: 15.45vw; left: 2.666vw; height: 10.66vw; padding-top: 0; font-size: 3.73vw; line-height: 10.66vw; color: #222; text-indent: 0; text-align: center;}
.list_map_marker li .btn_map_cargo.on {background-color: #35719e; color: #fff;}
.list_map_marker li .btn_map_pos:after {display: block; position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; transform: translate3d(-50%, -50%, 0); background: url(/cstatic/images/service/icon_map_cur.png) no-repeat; background-size: contain; content: '';}
.list_map_marker li .btn_map_zoomin,
.list_map_marker li .btn_map_zoomout {right: 2.66vw;}
.list_map_marker li .btn_map_zoomin {top: 2.66vw;}
.list_map_marker li .btn_map_zoomout {top: 13.32vw;}
.list_map_marker li .btn_map_zoomin:before,
.list_map_marker li .btn_map_zoomin:after,
.list_map_marker li .btn_map_zoomout:before {display: block; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; transform: translateX(-50%); background-color: #666; content: '';}
.list_map_marker li .btn_map_zoomin:after {transform: translateX(-50%) rotate(90deg);}
.list_map_marker.type_rest li .btn_map_cargo {display: block;}

.layer_alert.type_map_box,
.layer_alert.type_inner {display: none;}
.layer_alert.type_map_box .box_inner {top: 50%; transform: translateY(-50%); padding: 16vw 1.3vw 13.33vw; text-align: center;}
.layer_alert.type_map_box .box_inner .txt {font-family: 'HyundaiSansTextKRBold'; font-size: 4.26vw; line-height: 1.437em; color: #222;}
.layer_alert.type_map_box .box_inner .stxt {font-family: 'HyundaiSansTextKRBold'; font-size: 3.73vw; line-height: 1.57em; color: #666;}
.layer_alert.type_map_box .box_inner .txt + .stxt {margin-top: 3.2vw;}
.layer_alert.type_map_box .btn_wrap {display: -webkit-flex; display: flex; justify-content: center; margin-top: 6.4vw;}
.layer_alert.type_map_box .btn_wrap .btn {min-width: 32vw; height: 10.6vw; margin-left: 1.33vw; font-size: 3.73vw; line-height: 10.6vw; text-align: center;}
.layer_alert.type_map_box .btn_wrap .btn:first-child {margin-left: 0;}

/* 200629 add */
.layer_alert.Advertising_agree {text-align:center;}
.layer_alert.Advertising_agree .btn_wrap {width:100%;text-align:center;}
/* //200629 add */

/* 비포 서비스 */
.contModule.cont_h3tit .txt_wrap .align_cont.type_1 {width: auto; padding: 70px 0;}
.contModule.cont_h3tit .txt_wrap .txt.type_1 {padding-top: 8px;}
.contModule.cont_h3tit .txt_wrap .txt.type_2 {padding-top: 8px; font-family: 'HyundaiSansHeadKRBold'; font-size: 36px; line-height: 1.3em;} /* 20200113 */
.h4_tit.type_2 {margin-bottom: 8px;}
.cont_row.type_1,
.cont_row.type_1_1 {max-width: 1200px; margin-top: 80px;}
.cont_row.type_2 {max-width: 1200px;}
.cont_row.type_3 {max-width: 1200px; margin-top: 52px;}
.list_dot.type_3 {margin-top: 0;}
.list_dot.type_3 li {position: relative; margin-top: 0; padding-left: 10px; font-size: inherit; line-height: 1.5em; color: #222;}
.list_dot.type_3 li:before {display: block; position: absolute; top: 0; left: 0; content: '-';}
.list_dot.type_4 li {margin-top: 0; padding-left: 20px;}
.list_dot.type_4 li:before {display: block; position: absolute; top: 0; left: 0; content: '※';}
.list_dot.type_5 {margin-top: 10px;}
.list_dot.type_5 li {position: relative; padding-left: 12px; font-size: 18px; line-height: 1.55em; color: #666;}
.list_dot.type_5 li:before {display: block; position: absolute; top: 0; left: 0; content: '-';}
.viewBody_wrap.type_1 {padding-top: 24px;}
.viewBody_wrap.type_2 {padding-bottom: 0;}
.viewBody_wrap.type_2 .beforeService .before_slide .imgList_wrap {padding-top: 0;}

/* 판매정비 연계 */
.box_gray.type_1,
.box_gray.type_2 {position: relative;}
.box_gray.type_1 {padding: 72px 30px; text-align: center;}
.box_gray.type_2 {padding: 44px 40px;}
.box_gray.type_3 {margin-top: 50px; padding: 19px 32px;}
.box_gray.type_4 {padding: 38px 40px;}
.box_gray.type_2 + .box_gray.type_2 {margin-top: 32px;}
.box_gray .list_dot {margin-top: 0;}
.box_gray.type_1 .txt.type_1 {font-size: 24px; line-height: 1.5em; color: #222;}
.box_gray.type_1 .txt.type_2 {font-size: 18px; line-height: 1.5em; color: #222;}
.box_gray.type_1 .txt.type_3 {font-family: 'HyundaiSansTextKRBold'; font-size: 36px; line-height: 1.5em; color: #222;}
.box_gray.type_1 .txt.type_4 {font-size: 22px; line-height: 1.5em; color: #222;}
.box_gray.type_1 .txt.type_1 + .txt.type_2 {margin-top: 20px;}
.box_gray.type_1 .txt.type_2 + .txt.type_3 {margin-top: 20px;}
.box_gray.type_1 .txt.type_3 + .txt.type_4 {margin-top: 2px;}
.box_gray.type_2 .btn_wrap {position: absolute; top: 50%; right: 40px; margin-top: -25px; padding-top: 0;}
.box_gray.type_2 .h3_tit {font-size: 24px;}
.box_gray.type_4 .txt {margin-top: 20px; font-size: 18px; line-height: 1.3em; color: #666;}
.box_gray.type_4 .txt_link {margin-top: 20px; font-family: 'HyundaiSansTextKRBold'; font-size: 18px; line-height: 1.3em; color: #222; text-decoration: none;}
.box_gray.type_4 .txt_link a {display: inline-block;}
.box_gray.type_4 .txt_link a:after {display: inline-block; position: relative; top: -2px; margin-left: 3px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #222; transform: rotate(45deg); vertical-align: middle; content: '';}
.box_gray.type_4 .h3_tit {margin-top: 38px;}
.box_gray.type_4 .h3_tit:first-child {margin-top: 0;}
.box_gray.type_5 {padding: 34px 0;}
.box_gray.type_5 .box_wrap {max-width: 1200px; margin: 0 auto; font-size: 18px; color: #222;}
.box_gray.type_5 .box_wrap.type_center {text-align: center;}
.box_gray.type_5 .btn_arrow {position: relative; top: -2px; margin-left: 10px;}
.area_content.type_1 .btn_arrow,
.btn_icon_link {display: inline-block; position: relative; font-size: 16px; vertical-align: middle;}
.area_content.type_1 .slideList_wrap .btn_arrow {position: absolute;}
.btn.type_more_1 {display: block; width: 100%; height: 60px; border: none; font-weight: bold; font-size: 18px; line-height: 60px; color: #002c5f; text-align: center;}
.btn.type_more_1:after {display: inline-block; position: relative; top: -4px; width: 10px; height: 10px; transform: rotate(45deg); margin-left: 11px; border-style: solid; border-width: 0 1px 1px 0; border-color: #002c5f; vertical-align: middle; content: '';}
.btn.type_more_1:hover,
.btn.type_more_1:focus {background-color: transparent;}
.area_content.type_1 .btn_arrow {font-family: 'HyundaiSansTextKRRegular'; color: #222;}
.area_content.type_1 .btn_arrow.type_1 {font-family: 'HyundaiSansTextKRBold'; font-size: 18px; color: #222;}
.btn_icon_link {margin-right: 15px; color: #35719e;}
.area_content.type_1 .btn_arrow:after,
.btn_icon_link:after {display: inline-block; position: relative; top: -1px; margin-left: 3px; vertical-align: middle; content: '';}
.btn_icon_link:before {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #35719e; content: '';}
.area_content.type_1 a.btn_arrow:after,
.area_content.type_1 button.btn_arrow:after {transform: rotate(45deg); width: 8px; height: 8px; border-style: solid; border-color: #222; border-width: 2px 2px 0 0;}
.ui_carousel_hidden:after {display: none;}
.area_content.type_1 .slideList_wrap .btn_arrow:after {display: none;}
.mobile_btns .btn_arrow:after {display: none;}
.btn_icon_link:after {position: absolute; right: -15px; top: 4px; width: 12px; height: 12px; background: url(/cstatic/images/common/icon_link.png) no-repeat; background-size: contain;}
/*.btn.type_1 i.ico:after {margin-top: -9px;}*/
.btn {background-color: transparent;}
.layer_alert .box_attention {margin-top: 15px;}
.layer_alert .box_attention .tit {font-size: 18px;line-height: 1.3em;font-family: 'HyundaiSansTextKRBold';}/* 210824 add */
.layer_alert .box_attention.type_2 {margin-top:25px;} /* 210824 add */
.contModule.cont_h3tit .txt_wrap .box_gray.type_2 .txt.type_2,
.box_gray.type_2 .txt.type_2 {margin-top: 7px; padding-top: 0; font-size: 18px; line-height: 1.5em; color: #222;}
.contModule.cont_h3tit .txt_wrap .box_gray.type_2 .txt.type_2 {font-family: 'HyundaiSansTextKRRegular';}
.box_my_exclusive {max-width: 1200px; max-height: 388px; margin: 0 auto; padding-top: 76px; padding-bottom: 80px; background: url(/cstatic/images/service/service-repair-my-bg.jpg) no-repeat 50% 50%; background-size: cover; text-align: center;}
.box_my_exclusive .txt_name {font-size: 24px; color: #fff;}
.box_my_exclusive .box_info {width: 576px; max-width: 83%; margin: 22px auto 0; padding: 38px 40px; background-color: rgba(255,255,255,.9); text-align: left;}
.box_my_exclusive .box_info .txt_shop {font-family: 'HyundaiSansTextKRBold'; font-size: 24px; color: #222;}
.box_my_exclusive .box_info .list_info {margin-top: 16px;}
.box_my_exclusive .box_info .list_info li {position: relative; margin-top: 10px; padding-left: 43px; font-size: 16px; line-height: 1.5em; color: #666;}
.box_my_exclusive .box_info .list_info li:first-child {margin-top: 0;}
.box_my_exclusive .box_info .list_info li .txt_tit {position: absolute; top: 0; left: 0; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.list_icon_top {margin-top: 35px;}
.list_icon_top:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_icon_top > li {float: left; position: relative; font-size: 18px; line-height: 1.5em; color: #222; text-align: center;}
.list_icon_top > li .txt_tit {display: block; margin-bottom: 8px; font-family: 'HyundaiSansTextKRBold'; font-size: 20px; color: #35719e;}
.list_icon_top > li .txt_tit.type_1 {margin-bottom: 0; font-size: 28px; color: #222;}
.list_icon_top > li .txt_tit.type_1 + .txt {margin-top: 20px; padding-top: 0; font-size: 18px; line-height: 1.55em; color: #666;}
.list_icon_top > li:before {display: block; width: 136px; height: 0; margin: 0 auto 38px; padding-top: 120px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; content: '';}
.list_icon_top.list_repair_reserve > li:before {margin-bottom: 10px;}
.list_icon_top.size_3 > li {width: 33.333%;}
.list_icon_top.size_4 > li {width: 25%;}
.list_icon_top.size_5 > li {width: 20%;}
.list_icon_top.list_assistance_info > li.type_1:before {background-image: url(/cstatic/images/service-network/icon_assistance_1.png);}
.list_icon_top.list_assistance_info > li.type_2:before {background-image: url(/cstatic/images/service-network/icon_assistance_2.png);}
.list_icon_top.list_assistance_info > li.type_3:before {background-image: url(/cstatic/images/service-network/icon_assistance_3.png);}
.list_icon_top.list_assistance_info > li.type_4:before {background-image: url(/cstatic/images/service-network/icon_assistance_4.png);}
.list_icon_top.list_part_price > li.type_1:before {background-image: url(/cstatic/images/service/icon_part_price_1.png);}
.list_icon_top.list_part_price > li.type_2:before {background-image: url(/cstatic/images/service/icon_part_price_2.png);}
.list_icon_top.list_part_price > li.type_3:before {background-image: url(/cstatic/images/service/icon_part_price_3.png);}
.list_icon_top.list_repair_reserve > li.type_1:before {background-image: url(/cstatic/images/service/icon_repair_reserve_1.png);}
.list_icon_top.list_repair_reserve > li.type_2:before {background-image: url(/cstatic/images/service/icon_repair_reserve_2.png);}
.list_icon_top.list_repair_reserve > li.type_3:before {background-image: url(/cstatic/images/service/icon_repair_reserve_3.png);}
.list_icon_top.list_repair_reserve > li.type_4:before {background-image: url(/cstatic/images/service/icon_repair_reserve_4.png);}
.list_icon_top.list_repair_reserve > li.type_5:before {background-image: url(/cstatic/images/service/icon_repair_reserve_5.png);}
.list_icon_top.list_skill_olympic > li.type_eco:before {background-image: url(/cstatic/images/experience/icon_eco.png);}
.list_icon_top.list_skill_olympic > li.type_hightech:before {background-image: url(/cstatic/images/experience/icon_hightech.png);}
.list_icon_top.list_skill_olympic > li.type_repair:before {background-image: url(/cstatic/images/experience/icon_repair.png);}
.list_icon_top.list_skill_olympic > li.type_satisfy:before {background-image: url(/cstatic/images/experience/icon_satisfy.png);}
.list_icon_top.list_app_guide > li.type_1:before {background-image: url(/cstatic/images/service/icon_app_guide_1.png);}
.list_icon_top.list_app_guide > li.type_2:before {background-image: url(/cstatic/images/service/icon_app_guide_2.png);}
.list_icon_top.list_app_guide > li.type_3:before {background-image: url(/cstatic/images/service/icon_app_guide_3.png);}
.list_icon_top.list_app_guide > li.type_4:before {background-image: url(/cstatic/images/service/icon_app_guide_4.png);}
.list_icon_top.list_car_regist > li.type_1:before {background-image: url(/cstatic/images/service/icon_car_regist_1.png);}
.list_icon_top.list_car_regist > li.type_2:before {background-image: url(/cstatic/images/service/icon_car_regist_2.png);}
.list_icon_top.list_car_regist > li.type_3:before {background-image: url(/cstatic/images/service/icon_car_regist_3.png);}
.tb_black.type_2 th,
.tb_black.type_2 td {padding-top: 15px; padding-bottom: 15px; font-size: 22px;}
.list_icon_top.type_arrow > li:after {display: block; position: absolute; top: 50%; left: 0; transform: translate3d(-50%, -50%, 0); width: 14px; height: 14px; transform: rotate(-45deg); border-style: solid; border-color: #ededed; border-width: 0 2px 2px 0; vertical-align: middle; content: '';}
.list_icon_top.type_arrow > li:first-child:after {display: none;}
.list_icon_top.type_1 {display: -webkit-flex; display: flex; justify-content: center;}
.list_icon_top.type_1 > li {width: 270px; max-width: 310px; margin-left: 20px; font-family: 'HyundaiSansHeadKRBold'; font-size: 28px;}
.list_icon_top.type_1 > li:before {width: 158px; padding-top: 158px;}
.list_icon_top.type_1 > li:first-child {margin-left: 0;}

.box_line_info {padding: 40px 0; border: 1px solid #d0d0d0;}
.list_icon_left:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_icon_left > li {float: left; position: relative; padding-left: 168px;}
.list_icon_left > li:after,
.list_icon_left > li .txt_tit:before {display: block; position: absolute; top: 0; content: '';}
.list_icon_left > li:after {left: 0; width: 1px; height: 100%; background-color: #d0d0d0;}
.list_icon_left > li .txt_tit:before {left: 44px; width: 100px; height: 0; padding-top: 80px; background-repeat: no-repeat; background-size: contain;}
.list_icon_left > li:first-child:after {display: none;}
.list_icon_left > li .txt_tit {font-family: 'HyundaiSansTextKRBold'; font-size: 24px; line-height: 1.41em; color: #222;}
.list_icon_left > li .txt {margin-top: 6px; font-size: 18px; line-height: 1.55em; color: #222;}
.list_icon_left > li.type_emergency .txt_tit:before {background-image: url(/cstatic/images/service-network/icon_emergency.png);}
.list_icon_left > li.type_app .txt_tit:before {background-image: url(/cstatic/images/service-network/icon_app.png);}
.list_icon_left.size_2 > li {width: 50%;}
.list_icon_left .list_app {margin-top: 19px;}
.list_app:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_app > li {float: left; width: 140px; margin-left: 8px;}
.list_app > li:first-child {margin-left: 0;}
.list_app > li a {display: block; overflow: hidden; position: relative; height: 0; padding-top: 40px; background-color: #000; text-indent: -9999em;}
.list_app > li a:before {display: block; position: absolute; top: 50%; left: 50%; width: 94px; height: 24px; margin: -12px 0 0 -47px; background-repeat: no-repeat; background-size: contain; content: '';}
.list_app > li.type_ios a:before {background-image: url(/cstatic/images/service-network/icon_ios.png);}
.list_app > li.type_android a:before {background-image: url(/cstatic/images/service-network/icon_android.png);}
.layer_alert.type_service {display: none;}
.layer_alert.type_service.on {display: block;}

/* 긴급출동 */
.box_finish {position: relative; max-width: 1200px; margin: 190px auto 0; text-align: center;}
.box_finish:before {display: block; width: 130px; height: 130px; margin: 0 auto 40px; background-repeat: no-repeat; background-size: contain; content: '';}
.box_finish.type_emergency:before {background-image: url(/cstatic/images/service-network/icon_emergency_finish.png);}
.box_finish.type_repair:before {background-image: url(/cstatic/images/service/icon_repair_finish.png);}
.box_finish .txt {font-family: 'HyundaiSansTextKRBold'; font-size: 48px; line-height: 1.2em; color: #35719e;}
.box_finish + .btn_wrap {margin-bottom:39px;} /* 210322 add */

/* 정비예약 */
.box_img_color {position: relative; width: 100%; height: 0; padding-top: 44.42%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; text-align: center;}
.box_img_color.type_repair {background-image: url(/cstatic/images/service-network/network-repair-bg.jpg);}
.box_img_color .box_wrap {display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box_img_color .box_inner {display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 740px; max-width: 740px; height: 417px; max-height: 417px; padding: 5%; background-color: rgba(53,114,159,0.9); color: #fff; text-align: center;}
.box_img_color .txt {margin-top: 30px; font-size: 18px;}
.box_img_color .btn_wrap {margin-top: 52px;}
.box_img_color .btn_wrap .btn {min-width: 240px;}
.btn.line_white {padding-left: 40px; padding-right: 40px; border: 1px solid #fff; background-color: transparent; color: #fff;}
.btn.line_white:hover {background-color: #fff; color: #222;}
.box_color {display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; padding: 80px 10px; text-align: center;}
.box_color.type_purple {background-color: #164985; color: #fff;}
.box_color .txt {margin-top: 32px; font-size: 18px;}
.box_color .txt_list {margin-top: 22px; font-size: 18px; color: rgba(255,255,255,.6);}
.box_color .btn_wrap {margin-top: 56px;}
.list_txt {margin-top: 16px;}
.list_txt li {display: -webkit-flex; display: flex; margin-top: 7px; font-size: 18px; line-height: 1.4em; color: #666;}
.list_txt li .txt_tit {min-width: 86px; color: #222;}
.list_txt.type_1 {margin-top: 12px;}
.list_txt.type_1 li {display: inline-block; margin-top: 0; margin-left: 15px; color: #666;}
.list_txt.type_1 li:first-child {margin-left: 0;}
.list_txt.type_2 li {line-height:1.2em;} /* 210824 add */
.box_float_mo {overflow: hidden; margin-top: 80px; text-align: center;}
.box_float_mo.type_repair a {min-width: 310px; height: 60px; font-size: 20px; line-height: 60px;}

/* 정비예약 */
.box_form_unit {padding: 25px 0;}
.box_form_unit.type_1 {padding: 0;}
.area_estimate.type_repair .list_form.type_1.size_2 > li:first-child {margin-top: 0;}
.list_form.type_1,
.list_form.type_3 {margin-top: 0;}
.list_form.type_2 {margin-top: 25px;}
.list_form.type_1.size_2:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_form.type_1 > li,
.list_form.type_3 > li {display: -webkit-flex; display: flex; align-items: center; position: relative;}
.list_form.type_1 > li { padding: 14px 0 14px 170px;}
.list_form.type_3 > li {height: 66px; min-height: 66px; padding: 0 0 0 105px;}
.list_form.type_3 > li.type_textarea {height: 115px; align-items: flex-start;}
.list_form.type_3 > li.type_textarea .txt_tit {height: 66px;}
.list_form.type_2 > li {margin-top: 50px; padding: 0 50px;}
.list_form.type_2 > li:first-child {margin-top: 0;}
.list_form.type_1.size_2 > li {float: left; width: 50%; padding-right: 50px;}
.list_form.type_1.type_wide > li {padding-left: 160px;}
.list_form.type_1.type_wide > li.case_inline {padding-top: 0; padding-bottom: 0;}
.list_form.type_1.type_wide.size_2 > li {width: calc(50% - 60px); padding-right: 0;}
.list_form.type_1.type_wide.size_2 > li:nth-child(even),
.list_form.type_1.type_wide.size_2 > li.type_right {float: right;}
.list_form.type_1.type_wide.size_2 > li.type_left {clear: both; float: left;}
.list_form.type_1 .wrap_select,
.list_form.type_1 .input_form,
.list_form.type_1 .input_txt,
.list_form.type_3 .wrap_select,
.list_form.type_3 .input_form,
.list_form.type_3 .input_txt,
.input_form.type_tel {width: 100%;}
.list_form_txt.type_1 {padding: 25px 24px;}
.list_form_txt.type_1:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_form_txt.type_1 > li {float: left; width: 50%; margin-top: 15px; padding-left: 32px; font-size: 16px; color: #222;}
.box_my_info .list_form_txt.type_1 p,
.list_form_txt.type_1 p {display: inline-block; width: auto; padding: 0; font-size: 16px;}
.list_form_txt.type_1 > li.case_tit {float: none; width: 100%; font-size: 22px;}
.list_form_txt.type_1 > li:first-child {margin-top: 0;}
.list_form_txt.type_1 > li.case_tit + li {clear: both;}
.box_inner .list_form_txt.type_1 > li .txt_tit,
.list_form_txt.type_1 > li .txt_tit {font-family: 'HyundaiSansHeadKRBold';}
.box_inner .list_form_txt.type_1 > li .txt,
.list_form_txt.type_1 > li .txt {margin-left: 24px; font-family: 'HyundaiSansTextKRRegular'; font-size: 16px;}

.layer_alert .list_form.type_1 {padding: 32px 40px;}
.layer_alert .list_form.type_1 > li {display: block; float: none; width: 100%; padding: 0;}
.layer_alert .list_form.type_1 > li + li {margin-top: 34px;}
.layer_alert .list_form.type_1 > li .txt_tit {display: block; position: relative; left: auto; width: auto; height: auto; margin-bottom: 12px; padding: 0; font-family: 'HyundaiSansTextKRRegular'; font-size: 22px;}
.layer_alert .list_form > * .input_form.type_tel > * {width: calc((100% - 32px)/3); margin-left: 15px;} /* 200217 modify */
.layer_alert .list_form > * .input_form.type_tel > *:first-child {margin-left: 0;}

.input_form.type_btn,
.input_form.type_unit,
.input_form.type_file {display: -webkit-flex; display: flex; align-items: center;}
.wrap_form .btn_gray,
.input_form .btn_gray,
.input_form.type_file input[type='file'] + span {display: block; width: 94px; height: 60px; padding: 0 20px; border: none; background-color: #666; font-size: 18px; line-height: 60px; color: #fff; white-space: nowrap; text-align: center;}
/* 200224 add */
.input_form.type_file input[type='file'] + span.blue {background:#44709A;} 
.input_form.type_file input[type='file'] + span.blue:hover,.input_form.type_file input[type='file'] + span.blue:focus{border-color: #222; background-color: #25506F;}
/* //200224 add */
.input_form.type_unit .txt_unit {display: block; padding-left: 13px; font-family: 'HyundaiSansTextKRBold'; font-size: 22px; color: #222;}
.wrap_form {display: -webkit-flex; display: flex; width: 100%;}
.wrap_form > * {margin-left: 16px;}
.list_form.type_1 .wrap_form .wrap_select,
.list_form.type_1 .wrap_form .input_form input[type=text],
.input_form.type_file .txt_input_cont,
.list_form.type_1 .wrap_form .input_form.type_1 {width: 380px;}
.list_form.type_1 .wrap_form .input_form {width: 600px;}
.list_form.type_1 .wrap_form button,
.input_form.type_file input[type='file'] + span {width: 204px; margin-left: 16px;}
.wrap_form > *:first-child {margin-left: 0;}
.list_form.type_1 > li.type_full {float: none; width: 100%;}
.list_form.type_1 > li .txt_tit {display: -webkit-flex; display: flex; align-items: center; position: absolute; top: 0; left: 50px; width: 120px; height: 100%; font-size: 22px; line-height: 1.3em; color: #222;}
.list_form.type_1.type_wide > li .txt_tit {left: 0; width: 160px;}
.list_form.type_1 > li .txt_val_check {display: none; position: absolute; bottom: -12px; left: 160px; font-size: 13px; color: #c00000;}
.list_form.type_1 > li .txt_tit.type_1 {height: 62px;}
.list_form.type_3 > li .txt_tit {display: -webkit-flex; display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 105px; height: 100%; font-size: 18px; line-height: 1.3em; color: #222;}
.wrap_radio > * {float: left;}
.wrap_radio:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.wrap_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin-left: -1px; left: -20px; clip: rect(1px 1px 0 0);}
.wrap_radio.type_1 {width: 100%;}
.wrap_radio.type_1 > * {margin-left: 8px;}
.wrap_radio.type_1 > *:first-child {margin-left: 0;}
.wrap_radio.type_1.size_6 > * {width: calc((100% - 40px) / 6);}
.wrap_radio.type_1 input[type="radio"] + label,
.wrap_radio.type_1 input[type="radio"] + span {display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 94px; padding: 10px; border: 1px solid #d0d0d0; font-size: 18px; line-height: 1.5em; color: #666; text-align: center;}
.wrap_radio.type_1 input[type="radio"]:checked + label,
.wrap_radio.type_1 input[type="radio"]:checked + span {border-color: #35719e; background-color: #35719e; color: #fff;}
.wrap_radio.type_1 input[type="radio"] + label:before,
.wrap_radio.type_1 input[type="radio"] + span:before {display: none; width: 18px; height: 13px; margin-right: 9px; background: url(/cstatic/images/common/icon_checked_1.png) no-repeat; background-size: contain; vertical-align: top; content: '';}
.wrap_radio.type_1 input[type="radio"]:checked + label:before,
.wrap_radio.type_1 input[type="radio"]:checked + span:before {display: inline-block;}
.wrap_radio.type_2 .box_wrap {position: relative; margin-left: 80px;}
.wrap_radio.type_2 .box_wrap:first-child {margin-left: 0;}
.wrap_radio.type_2 input + label {display: block; position: relative; padding: 10px 0 10px 50px;font-size: 22px;} /* 200605 modify */
.wrap_radio input[type="radio"]:focus + label { border: 1px dotted #666; } /* 200605 modify */
.wrap_radio.type_2 input + label:before,
.wrap_radio.type_2 input + label:after {display: block; position: absolute; top: 50%; left: 0; border-radius: 100%; content: '';}
.wrap_radio.type_2 input + label:before {width: 34px; height: 34px; margin-top: -18px; border: 1px solid #bbb;}
.wrap_radio.type_2 input + label:after {display: none; left: 9px; width: 16px; height: 16px; margin-top: -9px; background-color: #35719e;}
.wrap_radio.type_2 input:checked + label:before {border-color: #35719e;}
.wrap_radio.type_2 input:checked + label:after {display: block;}
.list_form.type_1 .input_form input[type=text],
.list_form.type_1 .input_form input[type=tel],
.list_form.type_3 .input_form input[type=text],
.list_form.type_3 .input_form input[type=tel],
.list_form.type_1 .input_form select,
.list_form.type_1 .input_txt,
.list_form.type_3 .input_txt,
.txt_input_cont {display: block; position: relative; width: 100%; padding: 0 17px; font-family: 'HyundaiSansTextKRBold'; font-size: 22px; line-height: 58px; color: #222;} /* 200224 modify */
.list_form.type_3 .input_txt {font-family: 'HyundaiSansTextKRRegular'; font-size: 18px; line-height: 48px;}
.list_form.type_3 .input_form input[type=text] {font-family: 'HyundaiSansTextKRRegular'; font-size: 18px; line-height: 48px;}
.list_form.type_1 .input_form input,
.list_form.type_1 .input_form select {height: 60px;}
.list_form.type_3 .input_form input,
.list_form.type_3 .input_form select {height: 50px;}
.list_form.type_1 .input_form input[type=text],
.list_form.type_1 .input_form input[type=tel],
.list_form.type_3 .input_form input[type=text],
.list_form.type_3 .input_form input[type=tel],
.txt_input_cont {opacity: 1; position: relative; left: auto; border: 1px solid #666;}
.list_form.type_1 .input_txt,
.list_form.type_3 .input_txt {height: 60px; padding-top: 0; padding-bottom: 0; background-color: #f8f8f8; text-align: left;}
.list_form.type_3 .input_txt {height: 50px;}
.list_form.type_3 .wrap_textarea {height: 115px;}
.wrap_select.type_2 {margin-top: 0;}
.wrap_select.type_1 {display: block; z-index: 1; position: relative; margin-top: 0;}
.wrap_select.type_1 select,
.wrap_select.type_2 select,
.wrap_select.type_3 select,
.wrap_select.type_4 select {opacity: 0; -webkit-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%;}
.wrap_select.type_1 select,
.wrap_select.type_4 select {height: 60px; padding: 0 30px 0 24px;}
.wrap_select.type_2 select {height: 30px; padding: 0 20px 0 0;}
.wrap_select.type_3 select {height: 50px; padding: 0 30px 0 24px;}
.wrap_select.type_1 label,
.wrap_select.type_2 label,
.wrap_select.type_3 label,
.wrap_select.type_4 label {display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; }
.wrap_select.type_1 label {height: 60px; padding:0 30px 0 24px; border: 1px solid #666; background-color: #fff; font-family: 'HyundaiSansTextKRBold'; font-size: 22px; color: #222; line-height: 58px;}
.wrap_select.type_2 label {height: 30px; padding:0 20px 0 0; border: none; font-family: 'HyundaiSansTextKRBold'; font-size: 16px; color: #222; line-height: 30px; text-align: left;}
.wrap_select.type_3 label {height: 50px; padding:0 30px 0 24px; border: 1px solid #666; background-color: #fff; font-size: 18px; color: #222; line-height: 48px; text-align: left;}
.wrap_select.type_4 label {height: 60px; padding:0 30px 0 24px; border: 2px solid #666; background-color: #fff; font-family: 'HyundaiSansTextKRBold'; font-size: 22px; color: #222; line-height: 58px;}
.wrap_select.type_1 label:after,
.wrap_select.type_2 label:after,
.wrap_select.type_3 label:after,
.wrap_select.type_4 label:after {display:block; position:absolute; top: 50%; right: 16px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-style: solid; border-width: 0 2px 2px 0; border-color: #666; background-image: none; content: '';}
.wrap_select.type_2 label:after {right: 3px; margin-top: -7px;}
.wrap_select.type_1 label span,
.wrap_select.type_3 label span {display:inline-block; width:100%; line-height:20px; vertical-align:middle;}
.list_form > * .input_form.type_tel:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_form > * .input_form.type_tel > * {float: left; position: relative; width: calc((100% - 41px) / 3); margin: 0 0 0 20px;}
.list_form > * .input_form.type_tel > *:before {display: block; position: absolute; top: 50%; left: -11px; width: 8px; height: 1px; background-color: #222; content: '';} /* 200217 modify*/
.list_form > * .input_form.type_tel > *:first-child {margin-left: 0;}
.list_form > * .input_form.type_tel > *:first-child:before {display: none;}
.box_form_unit .txt_agree {position: relative; margin: 22px 0 0 50px;}
.box_form_unit .txt_agree .txt_link {display: inline-block; margin-left: 18px;}
.box_form_unit .txt_agree .txt_link a {display: block; font-family: 'HyundaiSansTextKRBold'; font-size: 18px;}
.box_form_unit .txt_agree .txt_link a:after {display: inline-block; margin-left: 5px; content: '>';}
.txt_agree .chk_wrap label {min-height: 30px; padding-left: 43px; color:#222; font-size: 22px; line-height: 30px;}
.txt_agree .chk_wrap input + label:after {width: 30px; height: 30px; border-color: #666;}
.txt_agree .chk_wrap input + label:before {top: 4px; left: 4px; background-color: transparent;}
.txt_agree .chk_wrap input:checked + label:after {border-color:#37739f;}
.txt_agree .chk_wrap input:focus + label {border : 1px dotted #666;}
.wrap_textarea {width: 100%; padding: 18px 20px; border: 1px solid #666;}
li .wrap_textarea {padding: 15px 20px; background-color: #fff;}
.wrap_textarea .textarea_num {margin-top: 3px; font-size: 16px; color: #666; text-align: right;}
.wrap_textarea textarea {width: 100%; font-size: 22px; line-height: 1.5em;}
li .wrap_textarea textarea {font-size: 18px;}
.layer_alert .box_textarea {margin: 5px 30px 40px;}
.layer_alert .box_textarea .wrap_textarea textarea {font-size: 18px;}
.wrap_textarea textarea::-webkit-input-placeholder {color:#5d7899;}/* 210712 add : 웹접근성 */
.wrap_textarea textarea::-moz-placeholder {color:#5d7899;}/* 210712 add : 웹접근성 */
.wrap_textarea textarea:-ms-input-placeholder {color:#5d7899;}/* 210712 add : 웹접근성 */
.box_form_unit .box_location_now {margin-top: 0;}
.box_form_unit .txt_explain {position: relative; margin: 22px 50px; padding-left: 18px; font-size: 18px; line-height: 1.2em; color: #666;}
.box_form_unit .txt_explain:before {display: block; position: absolute; top: 0; left: 0; content: '※';}
.box_location_now {position: relative; z-index: 9; margin-top: 20px; padding: 19px 0 19px 92px; background-color: #f8f8f8; color: #000; font-size: 18px; line-height: 34px;}
.box_location_now a {display: block; position: absolute; top: 50%; left: 50px; width: 34px; height: 34px; margin-top: -17px; border-radius: 100%; box-shadow: 0 1px 2px rgba(0,0,0,.1); background-color: #fff;}
.box_location_now a:before {display: block; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: url(/cstatic/images/common/icon_location.png) no-repeat; background-size: contain; content: '';}
.box_location_now .location_guide_wrap {display: none; position: absolute; top: 45px; left: 0; width: 100%; height: 85.5px; background: url('/cstatic/images/network/bg_notice_s.png') no-repeat; background-size: 1178.5px 85.5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
.box_location_now .location_guide_wrap .inner {position: relative; width: 100%; padding-top: 22.5px; text-align: center;}
.box_location_now .location_guide_wrap .inner .close {position: absolute; top: 14px; right: 20px; width: 25px; height: 25px; background: url('/cstatic/images/common/icon_all_s.svg') no-repeat -356.5px -114px; background-size: 400px 400px;}
.box_location_now .location_guide_wrap .inner span {display: inline; margin-top: 0;}
.box_form_unit .btn_wrap {margin-top: 32px; text-align: center;}
.box_form_unit .btn_wrap .btn {height: 60px; min-width: 310px; line-height: 60px;}
.box_brand_info {margin-top: 38px;}
.box_brand_info .txt_result {margin-left: 50px; font-size: 18px; line-height: 1.2em; color: #666;}
.box_brand_info .txt_result .txt_num {color: #222;}

.box_float {position: relative;}
.box_float.type_1 {min-height: 74px; box-shadow: 0 2px 5px rgba(0,0,0,.25); background-color: #fff;}
.box_float.type_2 {margin-top: 70px;}
.box_float.type_3 {margin-bottom: 40px; margin-top:74px;} /* 200811 modify */
.box_float.type_3 .h3_tit + .txt {margin-top: 10px; font-family: 'HyundaiSansTextKRRegular'; font-size: 18px; color: #222;}
.box_float .case_right {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.box_float.type_1 .case_right {right: 50px;}
.box_float .txt_result {padding-left: 50px; font-size: 18px; line-height: 74px; color: #222;}

.box_branch_info {margin: 0 10px;}
.list_branch_info {overflow: hidden;}
.list_branch_info .box_tit {position: relative;}
.list_branch_info > li {overflow: hidden; position: relative;}

.list_branch_info.type_1 {margin-top: 25px; border-top: 1px solid #ddd;}
.list_branch_info.type_1 > li {padding: 0 50px; border-bottom: 1px solid #ddd;}
.list_branch_info.type_1 > li .box_wrap {display: -webkit-flex; display: flex; align-items: center; position: relative; height: 115px; min-height: 115px;}
.list_branch_info.type_1 > li .box_wrap:before {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.list_branch_info.type_1 > li .box_wrap > * {float: left;}
.list_branch_info.type_1 > li .box_tit {position: relative; width: 34%;}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch,
.wrap_checkbox input[type=checkbox] + .label_txt {position: relative; line-height: 36px; color: #222;}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch {padding-left: 66px; font-family: 'HyundaiSansTextKRBold'; font-size: 24px;}
.wrap_checkbox input[type=checkbox] + .label_txt {padding-left: 52px; font-size: 22px;}
.wrap_checkbox input[type=checkbox] {opacity: 0; position: absolute; left: -9999em;}
.list_branch_info.type_1 > li.wrap_checkbox input[type=checkbox] .tit_branch input[type=checkbox] + .label_branch:before,
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch:before,
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch:after,
.wrap_checkbox input[type=checkbox] + .label_txt:before,
.wrap_checkbox input[type=checkbox] + .label_txt:after {position: absolute; top: 50%; left: 0; width: 36px; height: 36px; margin-top: -18px; content: '';}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch:before,
.wrap_checkbox input[type=checkbox] + .label_txt:before {display: block; border: 2px solid #bbb;}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch:after,
.wrap_checkbox input[type=checkbox] + .label_txt:after {display: none; background: url(/cstatic/images/common/icon_checked_2.png) no-repeat; background-size: contain;}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox]:checked + .label_branch:after,
.wrap_checkbox input[type=checkbox]:checked + .label_txt:after {display: block;}
.list_branch_info.type_1 > li .list_map_info {width: 58%;}
.list_branch_info.type_1 > li .list_map_info > li {font-size: 22px; line-height: 1.42em; color: #666;}
.list_branch_info.type_1 > li .txt_distance {width: 8%; font-weight: bold; font-size: 22px; color: #35729f; text-align: right;}
.list_branch_info.type_1 > li .box_tit .txt_mark {display: inline-block; margin-left: 12px; padding: 0 6px; font-size: 16px; line-height: 28px; color: #fff;}
.list_branch_info.type_1 > li .box_tit .txt_mark.type_exclusive {border-color: #9e3535; background-color: #9e3535;}
.list_branch_info.type_1 > li .box_tit .txt_mark.type_cs {border-color: #173f6d; background-color: #173f6d;}
.list_branch_info.type_1 > li .box_tit .txt_mark.type_large {border-color: #35719e; background-color: #35719e;}
.list_branch_info.type_1 > li .box_tit .txt_mark.type_hightech {border-color: #183e6d; background-color: #596d7e;}
.list_branch_info.type_1 > li .box_tit .txt_mark.type_night_off {border-color: #002c5f; background-color: #002c5f;}
.select_area.type_1 {margin: 45px 50px 0;}
.select_area.type_1:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.select_area.type_1 .select_wrap {position: relative; text-align: left;}
.select_area.type_repair .select_wrap {float: left; width: 25%; margin-left: 16px;}
.select_area.type_repair .select_wrap:first-child {margin-left: 0;}
.select_area.type_repair .input_wrap {float: right; width: 47%; width: calc(50% - 32px);}
.select_area.type_1 .input_wrap input[type=text] {position: relative; opacity: 1; left: auto; width: 100%; height: 60px; padding-left: 24px; border: 2px solid #383838; font-size: 24px; line-height: 56px; color: #222;}
.select_area.type_1 .input_wrap input[type=text]::-webkit-input-placeholder {color:#5d7899;}/* 210712 add : 웹접근성 */
.select_area.type_1 .input_wrap input[type=text]::-moz-placeholder {color:#5d7899;}/* 210712 add : 웹접근성 */
.select_area.type_1 .input_wrap input[type=text]:-ms-input-placeholder {color:#5d7899;}/* 210712 add : 웹접근성 */
.select_area.type_1 .select_wrap .btn_open {display: block; position: relative; width: 100%; height: 60px; border: 2px solid #383838; padding: 0 56px 0 24px; background-color: #fff; font-size: 24px; font-family: 'HyundaiSansTextKRBold'; line-height: 56px; text-align: left}
.select_area.type_1 .select_wrap .btn_open span {display: inline-block; padding-right: 16px; color: #666; font-size: 16px; font-family: 'HyundaiSansTextKRRegular'; line-height: 56px; vertical-align: top}
.select_area.type_1 .select_wrap .btn_open .ico {position: absolute; top: 0; right: 14px; width: 40px; height: 56px}
.select_area.type_1 .select_wrap .btn_open .ico:after {position: absolute; top: 50%; left: 0; width: 40px; height: 40px; margin: -20px 0 0 0; background: url('/cstatic/images/common/icon_all.svg') no-repeat -710px -90px; content: '';}
.select_area.type_1 .select_wrap .item_list {position: absolute; top: 60px; right: 2px; left: 0; max-height: 290px; opacity: 0; visibility: hidden; overflow: hidden; overflow-y: scroll; z-index: 10; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease}
.select_area.type_1 .select_wrap .item_list .item {position: relative; margin-top: -2px}
.select_area.type_1 .select_wrap .item_list a {display: block; height: 60px; padding: 0 24px; border: 2px solid #fff; background-color: #fff; font-size: 18px; line-height: 56px; text-decoration: none; -ms-transition: border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; -o-transition: border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; -moz-transition: border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; -webkit-transition: border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; transition: border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease}
.select_area.type_1 .select_wrap .item_list a:hover,
.select_area.type_1 .select_wrap .item_list a:focus {border-color: #fff; background-color: #fff; color: #35719E}
.select_area.type_1 .select_wrap .item.on {z-index: 5}
.select_area.type_1 .select_wrap .item.on a {border-color: #fff; background-color: #fff; color: #35719E}
.select_area.type_1 .select_wrap.open {z-index:10}
.select_area.type_1 .select_wrap.open .item_list {opacity:1; visibility:visible}
.select_area.type_1 .select_wrap.open .btn_open .ico:after {background-position:-710px -130px}
.select_area.type_1.size_2 {margin: 80px 0 50px;}
.select_area.size_2 .select_wrap {float: left; width: 592px; width: calc((100% - 16px) / 2); margin-left: 16px;}
.select_area.size_2 .select_wrap:first-child {margin-left: 0;}
.select_area.size_2:after {display:block; clear:both; visibility:hidden; height:0; content:'';}

.tbl_calendar {width: 100%;}
.tbl_calendar thead th {height: 50px; border-left: 1px solid rgba(232,232,232,.2); background-color: #002c5f; font-size: 18px; color: #fff; text-align: center;}
.tbl_calendar thead th:first-child {border-left: none;}
.tbl_calendar tbody tr {border: 1px solid #ddd;}
.tbl_calendar td {position: relative; padding: 0; border: 1px solid #ddd; line-height: 1.2em; vertical-align: top;}
.tbl_calendar td p {height: 120px; padding: 15px 17px;}
.tbl_calendar td .txt_choice {position: relative; height: 120px; padding: 0; font-size: 18px; color: #999;}
.tbl_calendar td:first-child,
.tbl_calendar td:last-child {border-right: none;}
.tbl_calendar td input[type=radio] {position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin-left: -1px; left: -20px; clip: rect(1px 1px 0 0);}
.tbl_calendar td input[type=radio] + span {display: block; position: relative; height: 120px; padding: 15px 17px; font-family: 'HyundaiSansTextKRBold'; font-size: 18px; color: #35719e;}
.tbl_calendar td input[type=radio] + span:before,
.tbl_calendar td input[type=radio] + span:after {display: block; position: absolute; top: 16px; right: 17px; border-radius: 100%; content: '';}
.tbl_calendar td input[type=radio] + span:before {width: 22px; height: 22px; border: 1px solid #ddd;}
.tbl_calendar td input[type=radio] + span:after {display: none; top: 16px; right: 17px; width: 18px; height: 13px; background: url(/cstatic/images/common/icon_checked_1.png) no-repeat; background-size: contain;}
.tbl_calendar td input[type=radio]:checked + span {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.tbl_calendar td input[type=radio]:checked + span {background-color: #35919e; color: #fff;}
.tbl_calendar td input[type=radio]:checked + span:before {display: none;}
.tbl_calendar td input[type=radio]:checked + span:after {display: block;}
.tbl_calendar td.type_today {border: 1px solid #6aaace;}
.tbl_calendar td.type_today p {border: 3px solid #6aaace; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.tbl_calendar td.type_today p:after {display: block; position: absolute; bottom: 16px; right: 16px; content: '오늘';}
.tbl_calendar td.type_sun p,
.tbl_calendar td.type_sat p {background-color: #f8f8f8;}
.tbl_calendar td .type_night_off {overflow: hidden; position: absolute; bottom: 15px; right: 16px; width: 12px; height: 0; padding: 20px 0 0; border: none; background: url(/cstatic/images/common/icon_moon.png) no-repeat; background-size: contain;}

.box_select_date {margin: 36px 50px;}
.box_select_date .h3_tit {font-size: 24px;}
.box_select_date .box_wrap:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.box_select_date .box_unit {float: left; width: calc((100% - 16px) / 2); margin-left: 16px;}
.box_select_date .box_unit:first-child {margin-left: 0;}
.box_select_date .tit_branch {margin-top: 20px; font-size: 22px; line-height: 1.27em; color: #222;}
.box_select_date .wrap_radio {position: relative; min-height: 206px; margin-top: 22px; padding: 22px 28px; background-color: #f8f8f8;}
.box_select_date .wrap_radio.size_3 > .txt_no_date {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 18px; color: #666; text-align: center;}
.box_select_date .wrap_radio.size_3 > * {width: calc((100% - 24px) / 3); margin: 8px 4px;}
.box_select_date .wrap_radio input[type="radio"] + span {height: 64px; background-color: #fff; font-size: 18px;}
.box_select_date .txt_explain {margin-left: 0;}
.box_select_date + .list_form {margin-top: 40px; padding: 26px 0; border-style: solid; border-width: 1px 0; border-color: #ddd;}
.box_select_date + .list_form.type_1 > li .txt_tit {font-family: 'HyundaiSansTextKRBold'; font-size: 24px;}
.list_step_estimate {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.list_step_estimate.scrolled {position: fixed; top: 0; left: 0; z-index: 100; width: 100%;}
.area_estimate.type_repair.scrolled {padding-top: 65px;}
.type_map_box.layer_stipulation .box_inner {transform: translateY(0); width: 700px; padding: 58px 60px 60px; text-align: left;}
.h2_tit + .list_order_txt.type_1 {margin-top: 46px;}
.h4_tit + .list_order_txt.type_2 {margin-top: 10px;}
.list_order_txt {counter-reset: li; text-align: left;}
.list_order_txt > li {position: relative; padding-left: 15px; line-height: 1.5em;}
.list_order_txt.type_1 > li {margin-top: 35px; font-family: 'HyundaiSansTextKRBold'; font-size: 18px;}
.list_order_txt.type_2 > li {font-size: 14px;}
.list_order_txt > li:before {display:block; position:absolute; top:0; left:0; content: counter(li); counter-increment: li;}
.list_order_txt.type_1 > li:before {text-align:center;}
.list_order_txt > li .list_dot {margin-top: 0;}
.list_order_txt > li .list_dot li {margin-top: 0; font-family: 'HyundaiSansTextKRRegular'; font-size: 18px; color: #222;}
.layer_alert .btn_confirm.type_center {text-align: center;}
.area_estimate.type_repair .step_estimate .tit_estimate .txt {width: 135px;}
.area_estimate.type_repair .step_estimate .tit_estimate .txt_content {padding-left: 160px;}
.box_explain.type_1 {margin-top: 80px; padding: 38px 40px; background-color: #f8f8f8;}
.box_explain.type_1_1 {margin-top: 20px; padding: 22px 32px;}
.box_explain.type_1 .h4_tit {font-size: 18px; line-height: 1.3em;}
.box_explain.type_2 {margin-top:12px;padding:15px 40px 30px 40px;background-color:#f6f3f2;} /* 210824 add */
/* 210712 add : 웹접근성 */
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] {opacity:1;left:0;z-index:5;width:36px;height:36px;-moz-appearance: none;-webkit-appearance:none;appearance:none}/* 210713 modify */
.list_branch_info.type_1 > li .tit_branch input[type=checkbox]::-ms-check {display:none}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox]:focus {outline:1px dotted #333;}
.list_branch_info.type_1 > li .tit_branch label .label_branch {z-index:10}/* 210713 modify */
.step_estimate .tbl_calendar td input[type=radio] {opacity:1;top:15px;left:auto;right:17px;z-index:10;width:22px;height:22px;clip:auto;-moz-appearance: none;-webkit-appearance:none;appearance:none;}
.step_estimate .tbl_calendar td input[type=radio]::-ms-check {display:none}
.tbl_calendar td input[type=radio]:focus {outline:1px dotted #333;}
.tbl_calendar td input[type=radio] + span {z-index:5}
.box_select_date .wrap_radio .box_wrap {position: relative;}
.box_select_date input[type=radio] {opacity:1;clip:auto;left:0;width:155px;height:65px;-moz-appearance: none;-webkit-appearance:none;appearance:none;}
.box_select_date input[type=radio]::-ms-check {display:none}
/* //210712 add : 웹접근성 */

/* 211202 add */
.area_estimate .area_agreement {margin:70px 0 0;padding:0 50px;}
.area_estimate .area_agreement .agreement {margin-top:0;}
.area_estimate .area_agreement .agreement dt {margin:55px 0 15px;padding-top:0;font-size:20px;font-family:HyundaiSansTextKRBold;line-height:36px;}
.area_estimate .area_agreement .agreement dt:first-child {margin-top:12px;padding-top:0;}
.area_estimate .area_agreement .agreement dd .txt_explain {margin:22px 0;font-size:16px;letter-spacing:-0.032em;}
.area_estimate .area_agreement .agreement dd .tb_black th {font-weight:normal;font-family:HyundaiSansHeadKRMedium;}
.area_estimate .area_agreement .agreement dd .tb_black.center td {padding:13px 20px;line-height:22px;}
.area_estimate .area_agreement .agreement dd .agree_check,
.area_estimate .area_agreement .agreement dd .marketing_check {display:flex;padding:21px 32px;border:none;background-color:#f8f8f8;}
.area_estimate .area_agreement .agreement dd .chk_txt {flex:none;font-size:16px;line-height:36px;}
.area_estimate .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:36px;margin-left:auto;line-height:36px;}
.area_estimate .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:31px;}
.area_estimate .area_agreement .agreement dd .chk_wrap label {display:inline-block;position:relative;min-width:1px;min-height:36px;padding:0 0 0 56px;color:#222;font-size:22px;line-height:36px;cursor:pointer;}
.area_estimate .area_agreement .agreement dd .chk_wrap input {left:4px;}
.area_estimate .area_agreement .agreement dd .chk_wrap input:checked + label:before {display:block;position:absolute;top:50%;left:10px;width:16px;height:16px;margin:-8px 0 0;border-radius:100%;background-color:#35719e;content:'';}
.area_estimate .area_agreement .agreement dd .chk_wrap input+label:after {width:36px;height:36px;}

.area_my_history .area_agreement {margin:30px 0 15px;padding-bottom:60px;border-bottom:1px solid #d0d0d0;}
.area_my_history .area_agreement .agreement {margin-top:0;}
.area_my_history .area_agreement .agreement dt {margin:55px 0 15px;padding-top:0;font-size:20px;font-family:HyundaiSansTextKRBold;line-height:36px;}
.area_my_history .area_agreement .agreement dt:first-child {margin-top:12px;padding-top:0;}
.area_my_history .area_agreement .agreement dd .txt_explain {margin:45px 0 28px;font-size:16px;letter-spacing:-0.032em;}
.area_my_history .area_agreement .agreement dd .tb_black th {font-weight:normal;font-family:HyundaiSansHeadKRMedium;}
.area_my_history .area_agreement .agreement dd .tb_black.center td {padding:13px 20px;line-height:22px;}
.area_my_history .area_agreement .agreement dd .agree_check {display:flex;padding:21px 32px;border:none;background-color:#f8f8f8;}
.area_my_history .area_agreement .agreement dd .chk_txt {flex:none;font-size:16px;line-height:36px;}
.area_my_history .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:36px;margin-left:auto;line-height:36px;}
.area_my_history .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:31px;}
.area_my_history .area_agreement .agreement dd .chk_wrap label {display:inline-block;position:relative;min-width:1px;min-height:36px;padding:0 0 0 56px;color:#222;font-size:22px;line-height:36px;cursor:pointer;}
.area_my_history .area_agreement .agreement dd .chk_wrap input {left:4px;}
.area_my_history .area_agreement .agreement dd .chk_wrap input:checked + label:before {display:block;position:absolute;top:50%;left:10px;width:16px;height:16px;margin:-8px 0 0;border-radius:100%;background-color:#35719e;content:'';}
.area_my_history .area_agreement .agreement dd .chk_wrap input+label:after {width:36px;height:36px;}
.area_my_history .list_explain {margin-top:5px;}

.layer_alert.layer_login_agree .box_inner {width:1280px;}
.layer_alert.layer_login_agree .area_agreement .agreement dt {margin:55px 0 15px;font-size:20px;font-family:HyundaiSansTextKRBold;line-height:36px;}
.layer_alert.layer_login_agree .area_agreement .agreement dt:first-child {margin-top:0;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .txt_explain {margin:22px 0;font-size:16px;letter-spacing:-0.032em;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .tb_black th {font-weight:normal;font-family:HyundaiSansHeadKRMedium;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .tb_black.center td {padding:13px 20px;line-height:22px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .agree_check,
.layer_alert.layer_login_agree .area_agreement .agreement dd .marketing_check {display:flex;padding:21px 32px;border:none;background-color:#f8f8f8;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_txt {flex:none;font-size:16px;line-height:36px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:36px;margin-left:auto;line-height:36px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:31px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap label {display:inline-block;position:relative;min-width:1px;min-height:36px;padding:0 0 0 56px;color:#222;font-size:22px;line-height:36px;cursor:pointer;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input {left:4px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input:checked + label:before {display:block;position:absolute;top:50%;left:10px;width:16px;height:16px;margin:-8px 0 0;border-radius:100%;background-color:#35719e;content:'';}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input+label:after {width:36px;height:36px;}
/* //211202 add */

/* 220104 add */
.layer_alert.layer_login_join .box_inner {width:700px;}
.layer_alert.layer_login_join .h2_tit {margin-bottom:5px;font-size:36px;text-align:center;}
.layer_alert.layer_login_join .stxt {margin-top:0;margin-bottom:30px;font-size:18px;line-height:32px;text-align:center;color:#222;}
/* //220104 add */

/* 220228 add */
.layer_alert.layer_chk_day {position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;overflow:hidden;}
.layer_alert.layer_chk_day .in_box {position:fixed;top:50%;left:50%;width:700px;box-sizing:border-box;transform:translate(-50%,-50%);box-sizing:border-box;text-align:center;z-index:1100;}
.layer_alert.layer_chk_day .cont_box {position:relative;margin:0 0 30px 0;padding:65px 56px 60px;background-color:#fff; box-shadow: 0 4px 10px rgba(0,0,0,.5);} /* 220322 modify : 로그인 화면 내 팝업 문구 수정 */
.layer_alert.layer_chk_day .h2_tit {margin-bottom:5px;font-size:36px;text-align:center;}
.layer_alert.layer_chk_day .stxt {margin-top:0;margin-bottom:30px;font-size:18px;line-height:32px;text-align:center;color:#222;}
.layer_alert.layer_chk_day .chk_wrap label {padding-left:42px; line-height:1.5; font-size:18px; font-weight:bold; color:#000; font-family:HyundaiSansTextKRBold;}
.layer_alert.layer_chk_day .chk_wrap input+label:after {content:''; position:absolute; left:0; top:0; width:30px; height:30px; border:2px solid #bbb; border-radius:0; background-color:#fff; zoom:1;}
.layer_alert.layer_chk_day .chk_wrap input:checked+label:after {border-color:#35719e; border-radius:0;}
.layer_alert.layer_chk_day .chk_wrap input:checked+label:before {content:''; position:absolute; left:0; top:0; z-index:2; width:20px; height:20px; margin:5px; background:url(/cstatic/images/common/icon_checked.png) no-repeat center center; background-size:cover; zoom:1;}
.layer_alert.layer_chk_day .btn_close_img {position:relative; display:inline-block; width:48px; height:48px; margin-left:10px;}
.layer_alert.layer_chk_day .btn_close_img button {position:relative; width:48px; height:48px;}
.layer_alert.layer_chk_day .btn_close_img button:after {content:''; position:absolute; top:0; left:0; width:48px; height:48px; background:url(/cstatic/images/common/img_footer_m.svg) no-repeat 2px -35px;}
/* //220228 add */

/* 기술영상 */
.area_tab.type_1 {overflow: visible; max-width: 1200px; margin: 72px auto 0;}
.area_content.type_1 .catalog,
.area_tab.type_1 .catalog {margin: 54px 0 0;}
.catalog.type_1 ul {margin-top: 0;}
.catalog.type_1 .rows.type_1 ul.uiProductExpander {margin-top: 17px;}
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(1),
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(2),
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(3),
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(4) {margin-top: 0;}
.catalog.type_1 .rows + .h2_tit {margin-top: 43px;}
.catalog .uiProductExpander.type_1 {margin-top: 33px;}
.catalog .uiProductExpander.type_1:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.uiProductExpander.type_video {margin-top: 38px;}
.uiProductExpander.type_video > li {display: block; float: left; width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 24px; border: 1px solid #d7d7d7;}
.uiProductExpander.type_video > li:nth-child(4n + 1) {margin-left: 0;}
.uiProductExpander.type_video > li .img_wrap {position: relative; max-width: 100%; width: 100%; margin-bottom: 0;}
.uiProductExpander.type_video > li .txt {display: -webkit-box; display: box; overflow: hidden; min-height: 56px; margin-top: 26px; padding: 0 20px; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; font-family: 'HyundaiSansTextKRBold'; font-size: 18px; line-height: 1.55em; color: #222; word-break: keep-all;}
.uiProductExpander.type_video > li a .img_wrap:before,
.uiProductExpander.type_video > li a .img_wrap:after {display: block; position: absolute; top: 50%; left: 50%; content: '';}
.uiProductExpander.type_video > li a .img_wrap:before {width: 48px; height: 48px; margin: -24px 0 0 -24px; border: 1px solid #fff; border-radius: 100%; background-color: rgba(0,0,0,.5);}
.uiProductExpander.type_video > li a .img_wrap:after {width: 0; height: 0; margin: -6px 0 0 -4px; border-left: 13px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent;}
.select_area.type_technology {margin-top: 56px; text-align: center;}
.select_area.type_technology .select_wrap {display: inline-block; min-width: 388px;}
.uiProductExpander.type_1 > li > a:after {display: none; position: absolute; bottom: -52px; left: 50%; width: 0; height: 0; margin-left: -20px; border-bottom: 20px solid #f8f8f8; border-left: 20px solid transparent; border-right: 20px solid transparent; content: '';}
.uiProductExpander.type_1 > li.down > a:after {display: block;}

/* 취급설명서 */
.catalog_notice.type_1 {padding-left: 32px;}

/* 서비스 네트워크 */
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap .item_list:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap .item_list li {float: left; width: 33.333%;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap .item_list.size_4 li {width: 25%;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .select_wrap,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap {display: block; float: left; width: 23.666%; width: calc((50% - 30px) / 2); margin-left: 15px; padding: 0;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .sorting_wrap {width: 49%; width: calc((100% - 15px) / 2);}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .select_wrap:first-child,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap:first-child {margin-left: 0;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .input_wrap {float: right; width: 50%; margin-top: 0;}
.map_info_1 {position: relative; max-height: 1107px; max-width:515px; overflow-y: auto;} /* 200205 modify */
.search_filter_area {clear: both; margin-top: 42px;}
.search_filter_area .box_wrap {display: none;}
.search_filter_area .btn_tit {text-align: center;}
.search_filter_area .btn_tit button {display: inline-block; border: none; background-color: transparent; font-family: 'HyundaiSansTextKRBold'; font-size: 18px; line-height: 1.1111em; color: #222; vertical-align: middle;}
.search_filter_area .btn_tit button:after {display: inline-block; position: relative; top: 3px; margin-left: 15px; width: 14px; height: 14px; transform: rotate(135deg); border-style: solid; border-color: #000; border-width: 2px 2px 0 0; vertical-align: middle; content: '';}
.search_filter_area .btn_tit button:after {-webkit-transition: all .2s ease-out; transition: all .2s ease-out; transform-origin: 50% 22%;}
.search_filter_area.on .btn_tit button:after {transform: rotate(-45deg);margin:0px 10px 0;} /* 200204 modify */
.search_filter_area .btn_tit .btn_help {display: inline-block; overflow: hidden; position: relative; width: 20px; height: 0; margin-right: 5px; padding-top: 18px; border-radius: 100%; border: 1px solid #999; font-size: 10px; color: #999; text-indent: -9999px; vertical-align: middle; z-index: 2;} /* 200226 modify */
.search_filter_area .btn_tit .btn_help:before {display: block; position: absolute; top: 0; left: 0; width: 18px; font-size: 15px; line-height: 20px; text-indent: 0; text-align: center; content: '?';}
.search_filter_area .list_filter {margin-top: 30px; border: 1px solid #d7d7d7;}
.search_filter_area .list_filter:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.search_filter_area .list_filter > li {display: -webkit-flex; display: flex; align-items: center; float: left; position: relative; height: 77px; padding-left: 150px; text-align: left;}
.search_filter_area .list_filter > li.case_1 {width: 100%; border-bottom: 1px solid #d7d7d7;}
.search_filter_area .list_filter > li.case_2 {clear: both; width: 54.5%;}
.search_filter_area .list_filter > li.case_3 {width: 45.5%;}
.search_filter_area .list_filter > li .tit {position: absolute; top: 0; left: 0; width: 150px; background-color: #f8f8f8; font-family: 'HyundaiSansTextKRBold'; font-size: 18px; line-height: 76px; color: #222; text-align: center;}
.search_filter_area .list_filter_sub {display: -webkit-flex; display: flex; align-items: center; margin-left: 24px;}
.search_filter_area .list_filter_sub li {margin:0 8px;}/* 200605 add */
.search_filter_area .list_filter_sub li input {position: absolute; width: 100%; height: 100%; display:block; -moz-appearance: none;-webkit-appearance: none;} /* 200605 modify */
.search_filter_area .list_filter_sub li input::-ms-check { opacity:0; }/* 200605 add */
.search_filter_area .list_filter_sub li input + span {display: block; padding: 0 19px; font-size: 18px; line-height: 42px; color: #222; cursor: pointer; white-space: nowrap;} /* 200605 modify */
.search_filter_area .list_filter_sub li input + span:before {display: none; margin-right: 6px; width: 18px; height: 14px; background: url(/cstatic/images/common/icon_checked_1.png) no-repeat; background-size: contain; vertical-align: middle; content: '';}
.search_filter_area .list_filter_sub li input:checked + span {padding: 0 7px; background-color: #35729f; color: #fff;}
.search_filter_area .list_filter_sub li input:checked + span:before {display: inline-block;}
/* 200605 modify */
.search_filter_area .list_filter_sub li label {position: relative; display: block;  overflow: hidden; }
.search_filter_area .list_filter_sub li label:focus {outline:2px solid #000;} /* 230106 edit */
.search_filter_area .list_filter_sub li label:focus-ring {outline:2px solid #000;} /* 230106 edit */
.search_filter_area .list_filter_sub li label:focus-within{ outline: 2px solid #000;} /* 230106 edit */
/* //200605 modify */
.search_filter_area .list_filter_select {margin-top: 13px; text-align: right;}
.search_filter_area .list_filter_select li {display: inline-block; position: relative;}
.search_filter_area .list_filter_select li:before {display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; margin-top: -9px; background-color: #d0d0d0; content: '';}
.search_filter_area .list_filter_select li:first-child:before {display: none;}
.search_filter_area .list_filter_select li button {display: block; padding: 0 15px; border: none; background-color: transparent; font-size: 18px; line-height: 1.22em; color: #222;}

.netwrok_wrap_kr .network_cont .network_info .map_wrap .inner {height: 100%;}
.list_map_info {margin-top: 10px;}
.list_map_info > li {display: -webkit-flex; display: flex; position: relative; margin-top: 5px; font-size: 14px; line-height: 1.5em; color: #666;}
.list_map_info > li:first-child {margin-top: 0;}
.list_branch_util {display: -webkit-flex; display: flex; justify-content: center; margin-top: 28px; border-top: 1px solid #ddd;}
.list_branch_util.size_2 li {width: 50%;}
.list_branch_util.size_3 li {width: 33.333%;}
.list_branch_util li a {display: block; position: relative; font-family: 'HyundaiSansTextKRBold'; font-size: 18px; line-height: 64px; color: #222; text-align: center;}
.list_branch_util li a:before {display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; margin-top: -9px; background-color: #cbcbcb; content: '';}
.list_branch_util li:first-child a:before {display: none;}
.list_branch_util li.type_location a:after {display: inline-block; position: relative; top: -1px; width: 18px; height: 16px; margin-left: 5px; background: url(/cstatic/images/common/icon_all_s.svg) no-repeat -236px -32px; background-size: 400px 400px; vertical-align: middle; content: '';}
.list_branch_info.type_2 + .btn_wrap {margin: 40px 50px;}
.list_branch_info.type_2 > li {padding-bottom: 50px; border-bottom: 1px solid #ddd;}
.list_branch_info.type_2 > li.on {padding-bottom: 0; background-color: #f4f4f4;}
.list_branch_info.type_2 > li:first-child {border-top: 1px solid #ddd;}
.list_branch_info.type_2 > li .box_wrap {padding: 0 50px;}
.list_branch_info.type_2 > li.on .box_wrap {padding-bottom: 0;}
.list_branch_info.type_2 .tit_tag + .box_tit {margin-top: 20px;}
.list_branch_info.type_2 .box_tit {margin-top: 46px; padding-right: 125px;}
.list_branch_info.type_2 .tit_branch {font-family: 'HyundaiSansTextKRBold'; font-size: 24px; line-height: 1.25em; color: #222;}
.list_branch_info.type_2 .tit_branch a {display: inline-block; position: relative; z-index: 11; word-break: normal;}
.list_branch_info.type_2 > li.on .tit_branch {color: #35729f;}

.box_branch_tag {position: relative; margin-top: 25px;}
.box_branch_tag .txt_distance {position: absolute; top: 0; right: 0; font-size: 18px; line-height: 24px; color: #35719e;}
.list_branch_tag:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_branch_tag li {float: left; padding: 0 8px; font-size: 14px; line-height: 24px; color: #fff;}
.tit_tag {display: inline-block; padding: 0 10px; font-size: 16px; line-height: 2.0625em; color: #fff;}
.list_branch_tag li.type_exclusive,
.tit_tag.type_exclusive {background-color: #00996b;} /* 200707 modify */
.list_branch_tag li.type_cs,
.tit_tag.type_cs {background-color: #2653b0;}
.list_branch_tag li.type_large,
.tit_tag.type_large {background-color: #4c93c8;}
.list_branch_tag li.type_hightech,
.tit_tag.type_hightech {background-color: #183e6d;}
/* 200319 modify */
.list_branch_tag li.type_eco,
.tit_tag.type_eco {background-color: #186d43;}
/* //200319 modify */
.list_branch_tag li.type_night_off,
.tit_tag.type_night_off {background-color: #333;}
.list_branch_tag li.type_holiday,
.tit_tag.type_holiday {background-color: #596d7e;}

.list_branch_info.type_2 > li.on .btn_view_detail {display: none;}
.list_branch_info.type_2 > li .btn_view_detail button {display: block; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 0; padding-top: 100%; text-indent: -9999em;}
.list_branch_info.type_2 .list_branch_util {display: none;}
.list_branch_info.type_2 > li.on .list_branch_util {display: -webkit-flex; display: flex;}
.branch_star_point {overflow: hidden; position: absolute; top: 4px; right: 0; width: 125px; height: 0; padding-top: 20px; text-indent: -9999px;}
.branch_star_point .txt {overflow: hidden; width: 0; height: 0; font-size: 0; text-indent: -9999px;}
.branch_star_point .point,
.branch_star_point:before {display: block; position: absolute; top: 0; left: 0; height: 25px; content: '';}
.branch_star_point:before {width: 100%; background: url(/cstatic/images/common/icon_star_1.png) repeat-x; background-size: 25px 20px;}
.branch_star_point .point {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.branch_star_point .point {background: url(/cstatic/images/common/icon_star_2.png) repeat-x; background-size: 25px 20px;}

.list_map_info.type_2 {margin-top: 7px;}
.list_map_info.type_2 > li {position: relative; margin-top: 8px; padding-left: 85px; font-size: 16px; line-height: 1.25em; color: #666;}
.list_map_info.type_2 > li .txt_tit {position: absolute; top: 0; left: 0; width: 85px; font-family: 'HyundaiSansTextKRBold'; font-size: 16px; color: #222;}

.type_gallery .ui_carousel_list {position: relative; margin-top: 38px;}
.area_used_branch {padding: 80px 0; background-color: #f8f8f8; text-align: center;}
.area_evaluate_branch {margin: 80px 0; text-align: center;}
.list_branch_box > li {float: left; position: relative; width: 430px; margin-left: 40px;}
.list_branch_box > li.item.ui_carousel_slide .btn_link {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.list_branch_box > li .btn_link a {display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 100%; text-indent: -9999px;}
.list_branch_box .box_txt .txt_tit {margin-top: 24px; font-family: 'HyundaiSansTextKRBold'; font-size: 24px; line-height: 1.41em; color: #222;}
.list_branch_box .box_txt .txt_tit .txt_tag {display: block; position: absolute; top: 0; right: 0; width: 60px; font-family: 'HyundaiSansTextKRRegular'; font-size: 14px; line-height: 28px; color: #fff; text-align: center;}
.list_branch_box .box_txt .txt_tit .txt_tag.type_exclusive {background-color: #00ba88;}
.list_branch_box .box_txt .txt {margin-top: 5px; font-size: 18px; line-height: 1.5em; color: #222;}
.contModule.h4titc1 .list_branch_box.type_1:after,
.contModule.h4titc1 .list_branch_box.type_2:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.contModule.h4titc1 .list_branch_box.type_1 li.item,
.contModule.h4titc1 .list_branch_box.type_2 li.item {width: calc(25% - 40px);}

.list_branch_box.type_2 > li {overflow: hidden;}
.list_branch_box.type_2 > li > .module {display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; overflow: hidden; height: 268px; padding: 22px 20px; background-color: #f6f9fa; text-align: center;}
.list_branch_box.type_2 .branch_star_point {display: inline-block; position: relative; top: auto; right: auto; width: 175px;}

.list_branch_box.type_2 .branch_star_point {padding-top: 28px;}
.list_branch_box.type_2 .branch_star_point .point,
.list_branch_box.type_2 .branch_star_point:before {height: 28px;}
.list_branch_box.type_2 .branch_star_point:before,
.list_branch_box.type_2 .branch_star_point .point {background-size: 35px 28px;}

.list_branch_box.type_2 .box_txt .txt_tit {margin-top: 22px; font-family: 'HyundaiSansTextKRBold'; font-size: 24px;}
.list_branch_box.type_2 .box_txt .txt {margin-top: 5px;}

.type_gallery {position: relative;}
.type_gallery .mobile_btns .btn_arrow {display: block; overflow: hidden; position: absolute; top: 50%; width: 40px; height: 80px; transform: translateY(-50%);}
.type_gallery.area_used_branch .mobile_btns .btn_arrow {margin-top: -48px;}
.type_gallery .mobile_btns .btn_arrow.right {right: 0;}
.type_gallery .mobile_btns .btn_arrow .btn_prev .ico,
.type_gallery .mobile_btns .btn_arrow .btn_next .ico {width: 40px; height: 80px;}
.type_gallery .mobile_btns .btn_arrow .btn_prev .ico:after,
.type_gallery .mobile_btns .btn_arrow .btn_next .ico:after {top: 0; width: 40px; height: 80px; margin: 0;}
.type_gallery .mobile_btns .btn_arrow .btn_next .ico:after {background-position: -40px 0;}

/* layer */
/*.layer_alert.type_big .box_inner {position: absolute; width: 1060px; margin: -124px 0 0 -530px;}*/
.layer_alert.type_service .box_inner .txt,
.layer_alert .box_inner.type_1 .txt,
.layer_alert .box_inner.type_1 .txt.type_tit {font-family: 'HyundaiSansHeadKRBold'; font-size: 24px; text-align: center;}
.layer_alert .box_inner.type_1 .txt.type_stit {font-family: 'HyundaiSansHeadKRBold'; font-size: 20px; text-align: center;}
.layer_alert .box_inner.type_1 .stxt + .txt,
.layer_alert .box_inner.type_1 .txt + .txt.type_stit {margin-top: 36px;}
.layer_alert .box_inner.type_1 .txt.type_stit + .stxt {margin-top: 7px;}
.layer_alert .box_inner.type_1 .stxt + .txt.type_stit {margin-top: 24px;}
.layer_alert .txt span {font-size:inherit; line-height: 1.5em; color: #666;}
.layer_alert.type_service .box_inner {top: 50%; transform: translate3d(-50%, -50%, 0); margin: 0; padding: 65px 10px; text-align: center;}
.layer_alert .box_inner.type_1_1 {padding-left: 54px; padding-right: 54px;}
.layer_alert .box_inner.type_left {text-align: left;}
.layer_alert .stxt {margin-top: 20px; font-family: 'HyundaiSansTextKRRegular'; font-size: 16px; line-height: 1.625em; color: #666;}
.layer_alert .txt + .btn_wrap,
.layer_alert .stxt + .btn_wrap {margin-top: 36px;}
.layer_alert .stxt.type_1 {margin-top: 0; color: #222; text-align: left;}
.layer_alert .stxt.type_2 {margin-top:0;font-size:18px;} /* 210824 add */
.layer_alert.type_normal .h2_tit {text-align: center;}
.layer_alert .h2_tit.type_2 {margin-bottom: 40px; line-height: 1.3em; text-align: center;}
.layer_alert .h2_tit.type_2_1 {margin-bottom:35px;}/* 210824 add */
.layer_alert .h2_tit.type_3 {margin-bottom: 30px; font-size: 24px; line-height: 1.3em; text-align: center;}
.layer_alert.type_normal .h2_tit + .box_tit {margin-top: 50px;}
.layer_alert .box_inner .txt span {color: #35719e;}
.layer_alert .btn_close {position: absolute; top: 10px; right: 9px; width: 21px; height: 21px;}
.layer_alert .btn_close.type_big {width: 40px; height: 40px;}
.layer_alert .btn_close.type_big_1 {width: 58px; height: 58px;}
.layer_alert .btn_confirm {margin: 32px auto 0;}
.layer_alert .btn_confirm button {display: inline-block; min-width: 310px; height: 60px; background-color: #35729f; font-size: 18px; line-height: 60px;}
.layer_alert .btn_close button {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 100%; font-size: 0; text-indent: -9999em;}
.layer_alert .btn_close button {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.layer_alert .btn_close button:hover {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.layer_alert .btn_close button:before,
.layer_alert .btn_close button:after {display: block; position: absolute; top: 0; left: 0; transform-origin: 50% 0; width: 1px; height: 30px; background-color: #000; content: '';}
.layer_alert .btn_close.type_big button:before,
.layer_alert .btn_close.type_big button:after {top: 0; width: 2px; height: 55px; background-color: #666;}
.layer_alert .btn_close.type_big_1 button:before,
.layer_alert .btn_close.type_big_1 button:after {top: 0; width: 2px; height: 82px; background-color: #666;}
.layer_alert .btn_close button:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.layer_alert .btn_close button:after {left: 100%;-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 0; transform-origin: 100% 0;}
.layer_alert .btn_close.type_big button:after {margin-left: -2px; margin-top: 1px;}
.layer_alert .box_tit {padding-bottom: 10px;}
.layer_alert .box_tit .txt_date {position: absolute; bottom: 0; right: 0; font-size: 16px; color: #222;}
.layer_alert .list_btn {margin-top: 35px;}
.layer_alert .list_btn > li {margin: 0 0 0 8px;}
.layer_alert .list_btn > li:first-child {margin-left: 0;}
.layer_alert .btn_wrap.center .list_btn li {display:inline-block;} /* 200224 add */
.layer_alert.layer_evaluate .box_inner {position: absolute;}

/* 200224 add */
.layer_alert .h4_tit.center{text-align:center;margin-bottom:20px;}
.layer_alert.enroll_my_car {-webkit-animation: viewCon1 .2s linear; animation: viewCon1 .2s linear;}
.layer_alert.enroll_my_car .stxt {color:#000; font-size:18px; margin-top: 0px; line-height:1.78;}
.layer_alert.enroll_my_car .stxt.fc_gray {color:#666;}
.layer_alert.enroll_my_car .input_form.type_file input[type='file'] + span {margin-left:0;}
/* //200224 add */

.layer_alert.type_middle .box_inner {width: 800px;}
.layer_alert.type_middle_1 .box_inner {width: 600px;}
.layer_alert.type_middle_2 .box_inner {position: absolute; width: 900px; margin-left: -450px;}
.layer_alert.type_middle .box_inner.type_2,
.layer_alert.type_middle_1 .box_inner.type_2,
.layer_alert.type_middle_2 .box_inner.type_2 {padding-left: 60px; padding-right: 60px;}
.tbl.type_3 {font-size: 16px;}
.tbl.type_3 tbody th {border-top: 1px solid #719bba; background-color: #35719e; color: #fff;}
.tbl.type_3 tbody tr:first-child th {border-top: none;}
.tbl.type_3 th,
.tbl.type_3 td {padding: 15px 24px; border: 1px solid #222; color: #222;}
.tbl.type_3 th {font-family: 'HyundaiSansTextKRBold'; text-align: center;}
.tbl.type_3 td {text-align: left;}

/* 서비스 네트워크 상세 */
.area_service_network {max-width: 1200px; margin: 0 auto 80px;}
.area_service_network .box_tit {margin-top: 80px; text-align: center;}
.box_evaluate {display: -webkit-flex; display: flex; align-items: center; position: relative; max-width: 1200px; height: 268px; margin: 52px auto 0; background-color: #f8f8f8;}
.box_evaluate:before {display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 150px; margin-top: -75px; margin-left: -1px; background-color: #e8e8e8; content: '';}
.box_evaluate:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.box_evaluate > * {float: left; width: 50%;}
.box_evaluate .box_point {text-align: center;}
.box_evaluate .box_point .txt_point {font-family: 'HyundaiSansTextKRBold'; font-size: 54px; line-height: 1.1em; color: #222;}
.box_evaluate .box_point .txt_point .tit_tag {display: inline-block; font-family: 'HyundaiSansTextKRRegular'; vertical-align: middle;}
.box_evaluate .branch_star_point {display: inline-block; position: relative; top: auto; right: auto; margin-top: 16px;}
.box_evaluate .box_point .branch_star_point {width: 225px; padding-top: 36px;}
.box_evaluate .box_point .branch_star_point .point,
.box_evaluate .box_point .branch_star_point:before {height: 36px;}
.box_evaluate .box_point .branch_star_point:before,
.box_evaluate .box_point .branch_star_point .point {background-size: 45px 36px;}
.box_evaluate .txt_num {margin-top: 12px; font-size: 24px; line-height: 1.2em; color: #999;}

.branch_star_point {overflow: hidden; position: absolute; top: 4px; right: 0; width: 125px; height: 0; padding-top: 20px; text-indent: -9999px;}
.branch_star_point .txt {overflow: hidden; width: 0; height: 0; font-size: 0; text-indent: -9999px;}
.branch_star_point .point,
.branch_star_point:before {display: block; position: absolute; top: 0; left: 0; height: 25px; content: '';}
.branch_star_point:before {width: 100%; background: url(/cstatic/images/common/icon_star_1.png) repeat-x; background-size: 25px 20px;}
.branch_star_point .point {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.branch_star_point .point {background: url(/cstatic/images/common/icon_star_2.png) repeat-x; background-size: 25px 20px;}

.list_evaluate {position: relative; line-height: 1.2em; text-align: center;}
.list_evaluate li {margin-top: 33px;}
.list_evaluate li:first-child {margin-top: 0;}
.list_evaluate .txt_tit {display: inline-block; width: 135px; font-size: 24px; line-height: 1.25em; color: #222; text-align: left;}
.list_evaluate .txt_point > * {display: inline-block; vertical-align: middle;}
.list_evaluate .txt_point .point {margin-left: 5px; font-family: 'HyundaiSansHeadKRBold'; font-size: 28px; color: #222;}
.list_evaluate .txt_point .base_point {margin-left: 5px; font-size: 28px; color: #999;}
.list_evaluate .txt_point .txt {overflow: hidden; position: relative; top: -2px; width: 38px; height: 0; padding-top: 30px; background: url(/cstatic/images/common/icon_star_2.png) no-repeat; background-size: contain; font-size: 0; text-indent: -9999px;}

.link_exclusive {position: relative; margin-top: 50px;}
.link_exclusive:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.txt_exclam {position: relative; padding-left: 32px; font-size: 18px; line-height: 1.22em; color: #222;}
.txt_exclam.type_left {text-align: left;}
.txt_exclam.type_1 {padding-left: 28px; color: #35719e;}
.txt_exclam.type_2 {padding-left: 28px; color: #666;}
.txt_exclam + .txt_exclam.type_2 {margin-top: 16px;}
.txt_exclam.type_1 a {color: #35719e; text-decoration: underline;}
.txt_exclam:before {display: block; position: absolute; top: 1px; left: 0; width: 20px; height: 20px; border: 1px solid #222; border-radius: 100%; font-size: 15px; line-height: 20px; text-align: center; content: '!';}
.txt_exclam.type_1:before {border-color: #35719e;}
.txt_exclam.type_2:before {display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: none; background: url(/cstatic/images/common/bl_noti_2.png) no-repeat; background-position: 50% 50%; background-size: contain; content: '';}
.link_exclusive .txt_exclam {float: left; margin-top: 15px;}
.link_exclusive .btn_exclusive {float: right;}
.area_service_network .box_swipe {margin-top: 53px;}
.area_service_network .box_swipe .swipe_wrap {margin-left: -40px;}
.area_service_network .box_swipe .swipe_wrap .list_branch_box {width: 5000px;}

.area_branch_info {padding: 80px 0; background-color: #f8f8f8;}
.box_branch_info.type_1 {position: relative; max-width: 1200px; margin: 0 auto;}
.box_branch_info.type_1:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.box_branch_info.type_1 > .box_wrap {float: left; width: 50%; height: 375px; background-color: #fff;}
.box_branch_info.type_1 .list_map_info {padding: 60px 56px 0;}
.box_branch_info.type_1 .list_branch_util {position: absolute; bottom: 0; left: 0; width: 50%;}
.box_branch_info.type_1 .map_wrap {width: 100%; height: 100%;}
.area_branch_info .list_map_info.type_2 > li {margin-top: 20px; padding-left: 115px; font-size: 18px;}
.area_branch_info .list_map_info.type_2 > li:first-child {margin-top: 0;}
.area_branch_info .list_map_info.type_2 > li .txt_tit {width: 115px; font-size: 18px;}
.area_branch_info .list_map_info.type_2 > li .list_branch_tag {margin-top: -2px;}

.area_review {margin-top: 80px;}
.area_review .h2_tit {text-align: center;}
.area_review .box_float {margin-top: 46px;}
.area_review .box_float .wrap_select {display: inline-block;}
.list_review {margin-top: 28px; border-top: 2px solid #d0d0d0;}
.list_review > li {position: relative; padding: 40px 0 0; border-bottom: 1px solid #d0d0d0;}
.list_review .box_etc {position: absolute; top: 40px; right: 0; text-align: right;}
.list_review .box_date {font-size: 18px; line-height: 1.1em; color: #999; white-space: nowrap;}
.list_review .box_date .txt_write {display: inline; position: relative; margin-left: 12px; padding-left: 15px; vertical-align: middle;}
.list_review .box_date .txt_write:before {display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #d0d0d0; content: '';}
.list_review .box_date .txt_write:first-child:before {display: none;}
.list_review .box_btn {display: -webkit-flex; display: flex; align-items: center; flex-direction: row-reverse; margin-top: 15px;}
.list_review .txt_condition {font-size: 18px;}
.list_review .txt_condition.type_waiting {color: #4c93c8;}
.list_review .txt_condition.type_deny {color: #c90000;}
.list_review .btn_del {display: inline-block; margin-left: 14px;}
.list_review .btn_del .sbtn {display: inline-block; width: 70px; margin-left: 6px; padding: 0 11px; border: 2px solid #999; font-size: 16px; line-height: 32px; white-space: nowrap;}
.list_review .btn_del .sbtn:first-child {margin-left: 0;}
.list_review .btn_del .sbtn.type_edit,
.list_review .btn_del .sbtn.type_comment {border-color: #000; color: #222;}
.list_review .btn_del .sbtn.type_consider {border-color: #35719e; background-color: #35719e; color: #fff;}
.list_review .btn_del .sbtn.type_del:before {display: inline-block; position: relative; width: 12px; height: 12px; margin-right: 2px; background: url(/cstatic/images/common/icon_del.png) no-repeat; background-size: contain; vertical-align: middle; content: '';}
.list_review .box_name > * {display: inline-block; vertical-align: middle;}
.list_review .box_name .txt_name {min-width: 50px; font-size: 18px; line-height: 24px; color: #222;}
.list_review .branch_star_point {display: inline-block; position: relative; top: auto; width: 125px; margin-top: 0; padding-top: 20px;}
.list_review .branch_star_point .point,
.list_review .branch_star_point:before {height: 20px;}
.list_review .branch_star_point:before,
.list_review .branch_star_point .point {background-size: 25px 20px;}
.list_review .tit_tag {margin-left: 16px; padding: 0 5px; background-color: #173f6d; font-size: 14px; line-height: 24px;}
.list_review .box_story {margin-bottom: 44px; padding-right: 330px; font-size: 18px; line-height: 1.5em; color: #222;}
.list_review .box_name + .box_story {margin-top: 18px;}
.list_review .box_reply {position: relative; padding: 30px 30px 30px 50px; background-color: #f8f8f8;}
.list_review .box_reply.type_1 {background-color: #fff;}
.list_review .box_reply .txt_name {position: relative; font-family: 'HyundaiSansTextKRBold';}
.list_review .box_reply .txt_name:before {display: block; position: absolute; left: -20px; top: 5px; width: 12px; height: 13px; margin-right: 10px; background: url(/cstatic/images/common/icon_reply.png) no-repeat; background-size: contain; vertical-align: middle; content: '';}
.list_review .box_reply .txt_reply {margin-top: 5px; line-height: 1.5em;}
.list_review .box_reply .list_btn {position: absolute; top: 30px; right: 25px; margin-top: 0;}
.list_review .box_reply .list_btn button {padding: 0 8px; font-size: 18px; color: #666;}
.list_review .box_reply .list_btn > li {position: relative; margin: 0;}
.list_review .box_reply .list_btn > li:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d0d0d0; content: '';}
.list_review .box_reply .list_btn > li:first-child:before {display: none;}
.list_review .box_comment {display: -webkit-flex; display: flex; padding: 40px; border-top: 1px solid #ddd; background-color: #f8f8f8;}
.list_review .box_comment .wrap_textarea {width: 1058px; height: 120px; border-color: #222; border-width: 2px 0 2px 2px; background-color: #fff;}
.list_review .box_comment .wrap_textarea textarea {height: 70%;}
.list_review .box_comment .btn_comment {width: 142px;}
.list_review .box_comment .btn_comment button {display: block; width: 142px; height: 120px; background-color: #35719e; font-family: 'HyundaiSansTextKRRegular'; font-weight: bold; font-size: 18px; color: #fff;}

.box_evaluate_form {margin-top: 30px; padding-top: 35px; border-top: 1px solid #d0d0d0;}
.box_evaluate_form .h3_tit.type_3 {color: #222;}
.list_evaluate_form {margin-top: 22px; padding: 32px 56px; background-color: #f8f8f8;}
.list_evaluate_form li {position: relative; margin-top: 17px;}
.list_evaluate_form li:first-child {margin-top: 0;}
.list_evaluate_form li .txt_tit {float: left; width: 160px; font-size: 18px; line-height: 32px; color: #222; text-align: left;}
.list_evaluate_form li:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_evaluate_form .btn_star:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_evaluate_form .btn_star input[type=radio] {position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin-left: -1px; left: -20px; clip: rect(1px 1px 0 0);}
.list_evaluate_form .btn_star input[type=radio] + span {display: block; overflow: hidden; float: left; position: relative; width: 40px; height: 0; padding-top: 32px; cursor: pointer; text-indent: -9999ex;}
.list_evaluate_form .btn_star input[type=radio] + span:before,
.list_evaluate_form .btn_star input[type=radio] + span:after {display: block; position: absolute; top: 0; left: 0; width: 40px; height: 32px; background-repeat: no-repeat; background-size: contain; content: '';}
.list_evaluate_form .btn_star input[type=radio] + span:before {background-image: url(/cstatic/images/common/icon_star_1.png);}
.list_evaluate_form .btn_star input[type=radio] + span:after {display: none; background-image: url(/cstatic/images/common/icon_star_2.png);}
.list_evaluate_form .btn_star input[type=radio].on + span:after,
.list_evaluate_form .btn_star input[type=radio]:checked + span:after {display: block;}
.list_evaluate_form + .wrap_textarea {margin-top: 15px;}
.box_evaluate_form + .wrap_textarea {padding: 20px;}
.box_evaluate_form textarea {font-size: 18px; line-height: 1.55em;}
.box_evaluate_form + .btn_wrap {margin-top: 40px; text-align: center;}
.module.type_1 .h3_tit {margin-bottom: 20px;}

.area_img_explain {position: relative; padding-bottom: 80px; background-color: #f8f8f8;}
.area_img_explain.type_white {background-color: transparent;}
.area_img_explain:before {display: block; max-width: 1200px; height: 440px; margin: 0 auto; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; content: '';}
.area_img_explain .box_wrap {max-width: 1200px; margin: 20px auto 0;}
.area_img_explain.type_part_price_1:before {background-image: url(/cstatic/images/service/img_part_price_1.jpg);}
.area_img_explain.type_part_price_2:before {background-image: url(/cstatic/images/service/img_part_price_2.jpg);}
.area_img_explain.type_part_network:before {background-image: url(/cstatic/images/service-network/img_part_network.jpg);}
.box_pad.type_1 {padding: 80px 0 120px;}
.box_pad.type_2 {margin-top: 50px;}
.area_video_view {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; padding-bottom: 200px; background-color: #000;}
.area_video_view .btn_close {position: absolute; top: 5px; right: 5px; z-index: 100; width: 40px; height: 0; padding-top: 40px; text-indent: -9999px;}
.area_video_view .btn_close button {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 100%; border: none; background-color: transparent; background-image: none; text-indent: -9999em;}
.area_video_view .btn_close button:before,
.area_video_view .btn_close button:after {position: absolute; top: 50%; left: 50%; width: 2px; height: 55px; box-shadow: 2px 2px 5px rgba(0,0,0,.3); background-color: #fff; background-image: none; content: '';}
.area_video_view .btn_close button:before {transform: translateY(-50%) rotate(45deg);}
.area_video_view .btn_close button:after {transform: translateY(-50%) rotate(-45deg);}
.area_video_view .box_video {overflow: hidden; position: relative; width: 100%; height: 100%;}
.area_video_view iframe {width: 100%; height: 100%;}
.area_video_view .box_explain {overflow-y: scroll; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; padding: 40px; background-color: #000; font-size: 18px; line-height: 1.5em; color: #fff;}

/* 상담센터 */
.list_gray_info:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_gray_info > li {position: relative; padding: 52px 56px 56px; background-color: #f8f8f8;}
.list_gray_info.type_btn > li {padding-bottom: 106px;}
.list_gray_info.size_2 > li {float: left; width: 580px; width: calc((100% - 40px) / 2); margin-left: 40px; margin-top: 40px;}
.list_gray_info.size_2 > li:first-child,
.list_gray_info.size_2 > li:nth-child(2) {margin-top: 0;}
.list_gray_info.size_2 > li:nth-child(odd) {clear: both; margin-left: 0;}
.list_gray_info > li > .txt {margin-top: 10px; font-size: 16px; line-height: 1.4em; color: #666;}
.list_gray_info .btn_wrap {margin-top: 28px;}
.list_gray_info .btn.type_tel {width: 100%;}
.list_gray_info.type_btn .btn.type_tel {position: absolute; bottom: 56px; left: 56px; width: calc(100% - 112px);}
.list_gray_info .list_info {margin-top: 16px;}
.area_content.type_1 .list_info > li,
.area_content.type_1 .list_info_sub > li {display: -webkit-flex; display: flex; font-size: 16px; line-height: 1.5em; color: #666;}
.area_content.type_1 .list_info > li > .txt_tit {width: 95px; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.list_info_sub > li > .txt_tit {width: 105px; color: #222;}
.list_info_sub > li > .txt_tit.type_only {width: auto;}

/* 이용약관 */
.legal_wrap.type_1 .header .h1_tit,
.h1_tit.type_4,
.netwrok_wrap_kr .worldmap_wrap .header .h1_tit.type_4 {font-size: 48px; color: #222; line-height: 1.2em;}
.legal_wrap.type_1 .select_area.tab_wrap2 .select_wrap .item_list {padding-left: 50px; padding-right: 50px;}
.legal_wrap.type_1 .select_area.tab_wrap2 .select_wrap .item_list .item {margin-top: 2px;}
.legal_wrap.type_1 .select_area.tab_wrap2 .select_wrap .item_list .item:after {height: 16px;}

/* 서비스 이력 */
.netwrok_wrap_kr .worldmap_wrap .header .s_tit.type_1 {height: auto; margin-top: 10px; font-size: 18px; line-height: 1.5em; color: #666;}
.netwrok_wrap_kr .worldmap_wrap.type_1 {padding-bottom: 52px;}
.list_my_history {border-bottom: 1px solid #d0d0d0;}
.list_my_history > li {display: -webkit-flex; display: flex; align-items: center; position: relative; height: 167px; padding: 24px; border-top: 1px solid #d0d0d0; color: #222; line-height: 1.4em;}
.list_my_history > li .txt_case {width: 113px; font-size: 18px;}
.list_my_history > li .box_name {display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 2;}
.list_my_history > li .box_name .txt_name {font-family: 'HyundaiSansTextKRBold'; font-size: 24px;}
.list_my_history > li .box_name .txt_distance {display: inline-block; margin-left: 12px; font-family: 'HyundaiSansTextKRRegular'; font-size: 20px; color: #666; vertical-align: middle;}
.list_my_history > li .wrap_txt_breakdown {margin-top: 7px;}
.list_my_history > li .wrap_txt_breakdown > * {display: inline-block; font-size: 18px; vertical-align: middle;}
.list_my_history > li .wrap_txt_breakdown .txt_branch {position: relative; margin-left: 5px; padding-left: 12px; color: #999;}
.list_my_history > li .wrap_txt_breakdown .txt_branch:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: #d0d0d0; content: '';}
.list_my_history > li .wrap_txt_breakdown .btn_breakdown {margin-left: 12px;}
.list_my_history > li .wrap_txt_breakdown .btn_breakdown a {font-family: 'HyundaiSansTextKRBold'; color: #222;}
.list_my_history > li .box_etc {display: -webkit-flex; display: flex; flex-direction: row; align-items: center; width: 182px;}
.list_my_history > li .txt_date {width: 117px; font-size: 16px; color: #666;}
.list_my_history .txt_condition,
.list_my_history .btn_condition button {width: 65px; height: 32px; font-size: 14px; line-height: 32px; color: #fff; text-align: center;}
.list_my_history .txt_condition.type_booking,
.list_my_history .txt_condition.type_waiting {background-color: #35719e;}
.list_my_history .txt_condition.type_finish,
.list_my_history .txt_condition.type_cancel {background-color: #666;}
.list_my_history .btn_condition {margin-top: 8px;}
.list_my_history .btn_condition.type_cancel button {border: 1px solid #222; background-color: transparent; font-size: 14px; color: #222; line-height: 30px;}
.btn i.ico.more {margin-left: 7px;}
.btn i.ico.more:after {top: 50%; left: 50%; transform: translate3d(-50%, -90%, 0) rotate(45deg); transform-origin: 50% 50%; width: 14px; margin: 0; height: 14px; border-width: 0 2px 2px 0; border-style: solid; border-color: #222; background-image: none; }
.btn i.ico.more:after {-webkit-transition: all .1s ease-out; transition: all .1s ease-out;}
.btn:hover i.ico.more:after {border-color: #fff;}
/* 200811 add */
.btn i.ico.fold {margin-left: 7px;}
.btn i.ico.fold:after {top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) rotate(225deg); transform-origin: 50% 50%; width: 14px; margin-top:2px; height: 14px; border-width: 0 2px 2px 0; border-style: solid; border-color: #222; background-image: none; }
.btn i.ico.fold:after {-webkit-transition: all .1s ease-out; transition: all .1s ease-out;}
.btn:hover i.ico.fold:after {border-color: #fff;}
/* //200811 add */
.box_no_history {display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 402px; padding: 60px 30px; background-color: #f8f8f8; text-align: center;} /* 200224 modify*/
.box_no_history.type_1 {min-height: 0;}
.box_no_history:before {display: block; width: 137px; height: 137px; margin-bottom: 30px; background: url(/cstatic/images/common/icon_exclaim_1.png) no-repeat; background-size: contain; content: '';}
.box_no_history .txt {font-size: 18px; color: #222; line-height: 1.5em;}
.box_no_history .btn {min-width: 240px;}
.box_no_history .txt_exclam {margin-top: 30px;}
/* 200224 add */
.box_no_history .box_no_notice {width:100%; margin:30px; padding:30px 40px; text-align:left; background-color:#fff; } 
.box_no_history .box_no_notice p { font-size: 18px; color: #666; margin-top:10px;}
.box_no_history .box_no_notice .h3_tit{ position: relative; padding-left: 28px;}
.box_no_history .box_no_notice .h3_tit:before { content: ''; display: block; position: absolute;  top: 4px;  left: 0;  width: 21px;  height: 21px; background: url(/cstatic/images/account/ico_notice.png) no-repeat 0 0;}
.area_my_history.top {margin-bottom:50px;}
.area_my_history.top .box_no_history {padding:0; min-height:auto;}
.area_my_history.top .box_no_history:before {content:none;}
.area_my_history.top .box_no_history .box_no_notice {margin:0; background-color:inherit;}
/* //200224 add */

.box_float.type_2 + .box_mycar_info,
.box_float.type_2 + .box_my_info {margin-top: 27px;}
.box_float.type_3 + .box_my_info {margin-top: 40px;}
.box_mycar_info {display: -webkit-box; display: flex; align-items: center; background-color: #f8f8f8;}
.box_mycar_info:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.box_mycar_info .img_car {width: 50%;}
.box_mycar_info .img_car img {width: 100%;}
.box_mycar_info .box_info {width: 50%; padding: 0 56px;}
.box_my_info {background-color: #f8f8f8;}
.box_my_info + .box_my_info {margin-top: 20px;}
.box_my_info p {position: relative; width: 100%; padding: 28px 56px; font-size: 18px; color: #222;}
.box_my_info p.txt_refusal {padding-top: 0; padding-right: 120px;}
.box_my_info p.txt_refusal .s_btn {position: absolute; top: 0; right: 56px;}
.box_my_info .txt_date {position: absolute; top: 28px; right: 56px; color: #999;}
.box_my_info .txt_no_date {font-size: 16px; color: #666; text-align: center;}
.list_map_info.type_3 {margin-top: 22px;}
.list_map_info.type_3 > li {position: relative; margin-top: 15px; padding-left: 110px; font-size: 18px; line-height: 1.5em; color: #666;}
.list_map_info.type_3 > li:first-child {margin-top: 0;}
.list_map_info.type_3 > li .txt_tit {position: absolute; top: 0; left: 0; width: 110px; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.list_map_info.type_3 > li .txt {font-size: 18px; line-height: 1.5em; color: #666;}
.list_map_info.type_3 > li .txt_sub_1 {display: inline-block; position: relative; margin-left: 7px; padding-left: 10px; vertical-align: top;}
.list_map_info.type_3 > li .txt_sub_1:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d0d0d0; content: '';}
.list_map_info.type_3 > li .txt_sub_1:first-child {margin-left: 0; padding-left: 0;}
.list_map_info.type_3 > li .txt_sub_1:first-child:before {display: none;}
.list_map_info.type_3 > li .txt_sub_2 {display: block; margin-top: 3px;}
.layer_alert .list_map_info.type_3 {padding: 30px 56px;}
.layer_alert .list_map_info.type_3 > li {min-height: 24px; margin-top: 10px; font-size: 16px;}
.layer_alert .list_map_info.type_3 li .txt_tit {text-align-last: left;}
.layer_alert .list_map_info.type_3 li .txt {font-family: 'HyundaiSansTextKRRegular'; font-size: 16px;}

.box_breakdown {display: -webkit-flex; display: flex; margin-top: 40px; padding: 37px 56px 38px; border: 1px solid #ddd;}
.box_breakdown.size_2 {padding-left: 0; padding-right: 0;}
.box_breakdown.size_2 > .box_wrap {display: -webkit-flex; display: flex; float: left; position: relative; width: 50%; padding-left: 40px;} /* 200811 modify */
.box_breakdown.type_1.size_2 > .box_wrap {flex-direction: column; padding-right: 56px;}
.box_breakdown.size_2 > .box_wrap:before {display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #ddd; content: '';}
.box_breakdown.size_2 > .box_wrap:first-child:before {display: none;}
.box_breakdown .h3_tit {margin-right: 40px;}
.box_breakdown .list_dot {margin-top: 0;}
.box_breakdown.size_2 + .btn_wrap.type_4 {margin-top: 40px;}
.list_dot.type_1_1 > li {position: relative; margin-top: 5px; padding-left: 8px; font-family: 'HyundaiSansTextKRRegular'; font-size: 18px; line-height: 1.5em; color: #666;}
.list_dot.type_1_1 > li:first-child {margin-top: 0;}
.list_dot.type_1_1 > li:before {display: block; position: absolute; top: 0; left: 0; content: '·';}
.box_breakdown + .txt_explain {margin-top: 22px;}
.box_breakdown .txt + .txt_color {margin-top: 6px;}
.box_breakdown .list_dot .txt_condition {display: inline-block; margin-left: 12px; color: #35719e;}
.h3_tit + .list_my_info.type_1 {margin-top: 16px;}
.list_my_info.type_1 {position: relative;}
.list_my_info.type_1 li {font-size: 18px; color: #666; line-height: 1.5em;}
.list_my_info.type_1 li.type_2 {margin-top: 3px; color: #999;}
.list_my_info.type_1 li.case_right {position: absolute; bottom: 0; right: 0;}
.list_my_info.type_1 li.case_right span {font-family: 'HyundaiSansTextKRBold'; font-size: 30px; color: #35719e;}

.box_list_form .list_form {padding: 26px 0; border-top: 2px solid #264c74; border-bottom: 1px solid #d0d0d0;}
.box_list_form .txt_essential {position: relative; font-size: 18px; color: #222; text-align: right;}
.box_list_form .txt_essential:before {display: inline-block; position: relative; width: 6px; height: 6px; margin-right: 4px; border-radius: 100%; background-color: #eb3323; vertical-align: middle; content: '';}
.box_list_form .txt_essential + .list_form {margin-top: 12px;}
.icon_essential {display: inline-block; overflow: hidden; position: relative; width: 6px; height: 0; margin-left: 7px; padding-top: 6px; border-radius: 100%; background-color: #eb3323; text-indent: -9999em; vertical-align: top;}
.box_list_form .list_form .icon_essential {top: -8px;}
.list_explain {margin-top: 18px;}
.list_explain > li {position: relative; margin-top: 1px; padding-left: 20px; font-size: 18px; line-height: 1.5em; color: #666;}
.list_explain > li:before {display: block; position: absolute; top: 0; left: 0; content: '※';}
.list_explain > li .type_highlight {color: #222;}
.box_my_info .tb_black td {background-color: #fff;}
.tb_black.type_1 tbody th {border-color: #222; background-color: #fff; color: #222;}
.tb_black.type_1 tbody th.txt_passed,
.tb_black .txt_passed {color: #999;}
.box_list_form .box_list_top {margin-top: 24px; margin-bottom: 16px; text-align: right;}

/* 내 차 정보 */
.area_my_history {max-width: 1200px; margin: 0 auto;}
.area_my_history .txt_my_car {font-family: 'HyundaiSansHeadKRBold'; font-size: 40px; color: #222; text-align: center;}
.area_my_history .txt_my_car span {display: inline-block; font-family: 'HyundaiSansTextKRRegular'; font-size: 24px; color: #666;}
.box_history_select {width: 600px; margin: 0 auto;}
.box_history_select .wrap_select {margin-top: 0;}
.box_history_select + .box_mycar_info {margin-top: 56px;}
.box_mycar_info .box_float.type_bot .h2_tit {position: relative; padding-top: 40px;}
.box_mycar_info .box_float.type_bot .h2_tit .wrap_tag {position: absolute; top: 4px; left: 0;}
.box_mycar_info .box_float.type_bot .h2_tit .wrap_tag:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.box_mycar_info .box_float.type_bot .h2_tit .txt_tag,
.list_form.type_1 .txt_tag,
.list_form_txt .txt_tag {display: block; float: left; padding: 0 8px; border-style: solid; border-width: 1px; font-family: 'HyundaiSansTextKRRegular'; font-size: 14px; line-height: 22px; color: #fff;}
.box_mycar_info .box_float.type_bot .h2_tit .txt_tag.type_root,
.box_mycar_info .h2_tit .txt_tag.type_root,
.list_form.type_1 .txt_tag.type_root {border-color: #002c5f; background-color: #002c5f;}
.txt_tag.type_operation,
.box_mycar_info .box_float.type_bot .h2_tit .txt_tag.type_operation,
.box_mycar_info .h2_tit .txt_tag.type_operation,
.list_form.type_1 .box_float .txt_tag.type_operation {border: 1px solid #002c5f; color: #002c5f;}
.box_mycar_info .box_mileage {text-align: right;}
.box_mycar_info .box_mileage .txt_date {font-size: 18px; color: #999;}
.box_mycar_info .box_mileage .txt_mileage {margin-top: 15px; font-size: 24px; color: #666;}
.box_mycar_info .box_mileage .txt_mileage .txt_num {font-family: 'HyundaiSansTextKRBold'; font-size: 32px; color: #35719e;}

.list_form.type_1.type_wide.size_2 > li.type_full {float: none; width: 100%;} 
.list_form.type_1 > li.type_clear {float: none;}
.list_form.type_1 > li .txt,
.list_form.type_1 .list_txt,
.list_form.type_1 .box_float p {font-family: 'HyundaiSansTextKRBold'; font-size: 22px; line-height: 52px; color: #222;}
.list_form.type_1 .txt_tag,
.list_form_txt .txt_tag {display: inline-block; float: none; margin-left: 14px; vertical-align: middle;}
.list_form.type_1 .box_wrap.type_full {width: 100%;}
.list_form.type_1 .list_txt {margin-top: 25px;}
.list_form.type_1 .list_txt li {position: relative; margin-top: 24px; font-family: 'HyundaiSansTextKRBold'; font-size: 22px; line-height: 1.45em; color: #222;}
.list_form.type_1 .list_txt li:first-child {margin-top: 0;}
.list_form.type_1 .list_txt li .s_btn {position: absolute; top: 0; right: 0;}
.list_form.type_1 .list_txt li .s_btn {position: absolute; top: 0; right: 0;}
.list_form.type_1 .box_float {width: 100%;}
.list_form.type_1 .box_float
.list_form.type_1 .txt_condition {display: inline-block; margin-left: 12px; font-family: 'HyundaiSansTextKRRegular'; font-size: 18px;}
.list_form.type_1 .txt_condition.type_waiting {color: #35719e;}
/* 200506 add */
#approval .input_form.type_file {position:relative;} 
.upCheck{display:none;position:absolute; right:0; top: 60px; width: 100%;} /* 220322 modify */
.upCheck.on {display:block;}
/* //200506 add */
/* 220322 add */
#approval {margin-bottom:20px;}
#approval .txt_warning {position: absolute; top: 100px; left: 160px; color: #eb3323;}
/* //220322 add */
.s_btn {display: inline-block; padding: 0 12px; border: 1px solid #222; font-family: 'HyundaiSansTextKRBold'; font-size: 14px; line-height: 30px; vertical-align: middle;}
.s_btn.dark_blue {border-color: #012c5f; background-color: #012c5f; color: #fff;}

/* 알림 */
.txt_alert_info {border-bottom: 4px solid #f8f8f8; font-size: 3.2vw; line-height: 14.4vw; color: #666; text-align: center;}
.txt_alert_info .type_highlight {color: #222;}
.list_alert > li {overflow: hidden; position: relative; padding: 6.133vw 2.667vw; border-bottom: 1px solid #d0d0d0;}
.list_alert.type_announce > li {padding-right: 32vw;}
.list_alert > li.open {background-color: #f8f8f8;}
.list_alert > li,
.list_alert > li .btn_more button:before {-webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.list_alert > li.on {background-color: #f8f8f8;}
.list_alert > li .tit {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; font-family: 'HyundaiSansTextKRBold'; font-size: 4.267vw; line-height: 1.375em; color: #222; word-break: keep-all;}
.list_alert.type_notice > li .tit {padding-right: 22.267vw;}
.list_alert > li .box_txt {margin-top: 1.067vw; font-size: 3.733vw; line-height: 1.5em; color: #222; word-break: keep-all;}
.list_alert.type_notice > li.type_more .box_txt,
.list_alert.type_announce > li .box_txt {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical;}
.list_alert.type_announce > li .box_txt {-webkit-line-clamp: 3; line-clamp: 3;}
.list_alert.type_notice > li.type_more .box_txt {-webkit-line-clamp: 2; line-clamp: 2;}
.list_alert > li .txt_date {font-size: 2.933vw; line-height: 1.2em; color: #666;}
.list_alert.type_notice > li .txt_date {margin-top: 1.067vw;}
.list_alert.type_announce > li .txt_date {display: flex; align-items: center; justify-content: flex-end; position: absolute; top: 0; right: 2.667vw; width: 32vw; height: 100%; text-align: right;}
.list_alert.type_notice > li .btn_link {margin-top: 2.133vw;}
.list_alert > li .btn_arrow {font-size: 3.733vw; line-height: 9.333vw; color: #35719e;}
.list_alert > li .btn_arrow:after {border-color: #35719e; border-width: 1px 1px 0 0;}
.list_alert > li .btn_arrow {font-size: 3.733vw; line-height: 9.333vw; color: #35719e;}
.list_alert > li .btn_arrow:after {border-color: #35719e; border-width: 1px 1px 0 0;}
.list_alert > li .btn_more {position: absolute; top: 2.667vw; right: 2.667vw;}
.list_alert > li .btn_more button {display: block; overflow: hidden; position: relative; width: 10.667vw; height: 0; padding-top: 10.667vw; border: none; background-color: transparent; text-indent: -9999em;}
.list_alert > li .btn_more button:before {display: block; position: absolute; top: 50%; left: 50%; width: 3.2vw; height: 3.2vw; border-style: solid; border-width: 0 2px 2px 0; border-color: #222; transform: translate3d(-50%,-50%,0) rotate(45deg); content: '';}
.list_alert > li.open .btn_more button:before {transform: translate3d(-50%,-0,0) rotate(-135deg);}
.list_alert.type_announce > li .btn_link {overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.list_alert.type_announce > li .btn_link a {display: block; overflow: hidden; width: 100%; height: 0; padding-top: 100%; text-indent: -9999px;}
.txt_no_alert {display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; height: calc(100vh - 115px); background-color: #f8f8f8; font-size: 3.733vw; text-align: center;}
.txt_no_alert:before {display: block; width: 16.8vw; height: 16.8vw; margin: 0 auto 4vw; background: url(/cstatic/images/common/icon_exclaim_1.png) no-repeat; background-size: contain; content: '';}
.area_announce_detail .box_tit {padding: 6.933vw 5.333vw; background-color: #35719e; color: #fff;}
.area_announce_detail .box_tit .tit {font-family: 'HyundaiSansTextKRBold'; font-size: 5.333vw; line-height: 1.5em;}
.area_announce_detail .box_tit .txt_date {margin-top: 1.333vw; font-size: 3.467vw; line-height: 1.5em;}
.area_announce_detail .box_content {padding: 14.4vw 5.333vw 0;}
.area_announce_detail .box_content .__se_tbl {display:block;overflow:scroll} /* 200824 add */
.box_tag {margin: 7.2vw 2.667vw 0;}
.box_tag .tit_tag {padding: 0 1.867vw; border: 1px solid #000; font-family: 'HyundaiSansTextKRBold'; font-size: 3.2vw; line-height: 6.4vw; color: #000;}
.box_tag a {display: inline-block; margin-left: 2.4vw; font-size: 3.733vw; line-height: 6.667vw; color: #222; vertical-align: middle;}
.list_alert_btn {display: -webkit-flex; display: flex; margin: 16vw 2.667vw 0;}
.list_alert_btn:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_alert_btn li {flex-grow: 1;}
.list_alert_btn li a {display: block; width: 100%; height: 10.667vw; border-style: solid; border-color: #222; border-width: 1px 1px 1px 0; font-family: 'HyundaiSansTextKRBold'; font-size: 3.733vw; line-height: 10.4vw; color: #222; text-align: center;}
.list_alert_btn li a:hover {text-decoration: none;}
.list_alert_btn li:first-child a {border-left-width: 1px;}

/* gnb */
.area_reform_gnb {position: fixed; top: 0; left: 100%; width: 100%; height: 100%; padding-top: 77.6vw; background-color: #35719e;}
.area_reform_gnb.type_login {padding-top: 69.333vw;}
.area_reform_gnb.type_login .box_txt.type_guest,
.area_reform_gnb .box_txt.type_login {display: none;}
.area_reform_gnb.type_login .box_txt.type_login,
.area_reform_gnb .box_txt.type_guest {display: flex;}
.area_reform_gnb.on {left: 0;}
.area_reform_gnb {-webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.area_reform_gnb .box_reform_top {position: absolute; top: 0; left: 0; width: 100%; height: 77.6vw;}
.area_reform_gnb .box_login {padding: 12vw 5.333vw 4.533vw; color: #fff;}
.area_reform_gnb .box_txt {display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end;}
.area_reform_gnb .box_txt .txt_login {flex-grow: 1; font-size: 5.333vw; line-height: 1.5em; color: #fff; text-align: left;}
.area_reform_gnb .box_txt .txt_login .type_highlight {display: inline-block; position: relative;}
.area_reform_gnb .box_txt .txt_login .type_highlight:after {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; content: '';}
.area_reform_gnb .box_txt .btn_link {flex-grow: 1; text-align: right;}
.area_reform_gnb .box_txt .btn_link .btn_arrow {opacity: .8; position: relative; top: .533vw; padding-left: 5.333vw; font-size: 3.733vw; line-height: 9.333vw; color: #fff;}
.area_reform_gnb .box_txt .btn_link .btn_arrow:after {border-color: #fff;}
.area_reform_gnb .list_gnb_util {display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 8vw;}
.area_reform_gnb .list_gnb_util > li > a {display: block; position: relative; width: 100%; font-size: 3.733vw; line-height: 1.5em; color: #fff; text-align: center;}
.area_reform_gnb .list_gnb_util > li > a:before {display: block; width: 7.2vw; height: 7.2vw; margin: 0 auto 2.133vw; background-repeat: no-repeat; background-size: contain; content: '';}
.area_reform_gnb .list_gnb_util > li.type_self_check > a:before {background-image: url(/cstatic/images/common/icon_util_self_check.png);}
.area_reform_gnb .list_gnb_util > li.type_repair_reserve > a:before {background-image: url(/cstatic/images/common/icon_util_repair_reserve.png);}
.area_reform_gnb .list_gnb_util > li.type_emergency > a:before {background-image: url(/cstatic/images/common/icon_util_emergency.png);}
.area_reform_gnb .list_gnb_util > li.type_network > a:before {background-image: url(/cstatic/images/common/icon_util_network.png);}
.area_reform_gnb .box_customer {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; height: 14.933vw; padding: 0 5.333vw; background-color: #1f557e;}
.area_reform_gnb .box_customer .tel_customer {font-size: 3.733vw; color: #fff;}
.area_reform_gnb .box_customer .tel_customer a {display: inline-block; margin-left: 1.6vw; font-family: 'HyundaiSansTextKRBold'; font-size: 4.267vw; color: #fff;}
.area_reform_gnb .box_customer .btn_setting .type_setting {display: block; border: none; background-color: transparent; font-size: 3.733vw; line-height: 9.333vw; color: #fff;}
.area_reform_gnb .box_customer .btn_setting .type_setting:before {display: inline-block; position: relative; width: 3.733vw; height: 3.733vw; margin-right: 1.6vw; background: url(/cstatic/images/common/icon_setting.png) no-repeat; background-size: contain; vertical-align: middle; content: '';}
.box_reform_gnb {height: 100%; background-color: #fff;}
.list_reform_gnb {overflow-x: hidden; overflow-y: scroll; position: relative; height: 100%;}
.list_reform_gnb:before {display: block; position: absolute; top: 0; left: 0; width: 38.667vw; height: 100%; background-color: #f6f3f2; content: '';}
.list_reform_gnb > li {float: none;}
.list_reform_gnb a:focus,
.list_reform_gnb a:hover {text-decoration: none;}
.list_reform_gnb a {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.list_reform_gnb > li > a {display: block; position: relative; z-index: 1; padding-left: 5.067vw; width: 38.667vw; background-color: #f6f3f2; font-family: 'HyundaiSansTextKRRegular'; font-size: 4.267vw; line-height: 13.867vw; color: #666; text-align-last: left;}
.list_reform_gnb > li.on > a {background-color: #fff; font-family: 'HyundaiSansTextKRBold'; color: #35719e;}
.list_reform_gnb > li ul {display: none; background-color: #fff;}
.list_reform_gnb > li .list_snb {overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; left: 38.667vw; width: 61.333vw; height: 100%;}
.list_reform_gnb > li .list_snb > li a {display: flex; align-items: center; position: relative; height: 11.733vw; padding-left: 5.333vw; font-size: 4.267vw; line-height: 1.5em; color: #222;}
.list_reform_gnb > li .list_snb > li.on > a {font-family: 'HyundaiSansTextKRBold'; color: #35719e;}
.list_reform_gnb > li .list_snb > li.has > a:after {display: block; position: absolute; top: 50%; right: 5.333vw; transform: translate3d(-50%, -50%, 0) rotate(45deg); width: 1.867vw; height: 1.867vw; border-style: solid; border-color: #666; border-width: 0 2px 2px 0; content: '';}
.list_reform_gnb > li .list_snb > li.has.on > a:after {transform: translate3d(-50%, -50%, 0) rotate(225deg);border-color: #35719e;}
.list_reform_gnb li.on > ul {display: block;}
.list_reform_gnb > li .list_3depth {padding-left: 5.333vw;}
.list_reform_gnb > li .list_3depth > li a {display: flex; align-items: center; height: 10.4vw; position: relative; padding-left: 2.4vw; font-size: 3.733vw; line-height: 1.5em; color: #666;}
.list_reform_gnb > li .list_3depth > li a:before {display: block; position: absolute; top: 2.4vw; left: 0; content: '-';}

/* 서비스 네트워크 마이페이지 */
.box_my_branch {margin-top: 0px;} /* 200811 modify */
.box_my_branch .box_wrap.type_1 {position: relative; left: 50%; width: 3000px; margin-left: -1500px; background-color: #f8f8f8;}
.box_my_branch .box_wrap.type_1 .box_gray {max-width: 1200px; margin: 0 auto; padding: 76px 0 82px;}
.box_my_branch .box_wrap.type_1 .box_gray .h3_tit {font-size: 36px;}
.box_gray.type_2 .txt.type_3 {font-size: 24px;}
.area_my_branch > .box_wrap {margin: 24px 0 0;}
.area_my_branch .box_my_branch > .box_wrap {margin-top: 76px;}
.area_my_branch .box_no_history {margin-top: 32px;}
.area_my_branch .box_tab_content.type_1 {position: relative; margin: 38px 0 0; padding: 52px 55px 56px; background-color: #f8f8f8;}
.area_my_branch .box_tab_content .txt {margin-top: 10px; font-size: 18px; line-height: 1.52em; color: #222;}
.area_my_branch .txt + .list_img_upload {margin-top: 30px;}
.area_my_branch .area_tab_content .type_abs {position: absolute; top: 40px; right: 56px;}
.list_img_upload:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_img_upload > li {float: left; margin-left: 16px;}
.list_img_upload > li:first-child {margin-left: 0;}
.list_img_upload > li:last-child {display: none;}
.list_img_upload.size_5 > li {width: 205px;}
.list_img_upload .img_upload {overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 100%; background: url(/cstatic/images/common/default_upload.png) no-repeat 50% 50%; background-size: cover;}
.list_img_upload .img_upload img {position: absolute; top: 0; left: 0; width: 100%;}
.list_img_upload .list_btn {margin-top: 20px;}
.list_img_upload .list_btn li {display: inline-block; position: relative; margin: 0; vertical-align: middle;}
.list_img_upload .list_btn li:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: #d0d0d0; content: '';}
.list_img_upload .list_btn li:first-child:before {display: none;}
.list_img_upload .list_btn li input[type='file'],
.input_form.type_file input[type='file'] {position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin-left: -1px; left: -20px; clip: rect(1px 1px 0 0);}
.list_img_upload .list_btn li input + span,
.list_img_upload .list_btn li .btn_del {display: block; padding: 0 10px; font-size: 19px; line-height: 1.5em;}
.list_img_upload .list_btn li input + span {color: #222;}
.list_img_upload .list_btn li .btn_del {color: #999;}
.box_gray .box_inner {position: relative; margin-top: 30px; padding: 70px 20px 75px; background-color: #fff; text-align: center;}
.box_my_branch .box_gray .h3_tit.type_2 + .box_float {margin-top: 28px;}
.box_my_branch .box_gray .box_inner .box_float .btn_wrap {margin-top: 0;}
.box_my_branch .box_gray .box_inner .btn_wrap {position: relative; top: auto; right: auto; margin-top: 25px;}
.box_my_branch .box_gray .box_inner .txt_exclam {display: inline-block;}

.list_form {margin-top: 50px;}
.list_form > * {position: relative; margin-top: 16px; padding-left: 160px;}
.list_form > * .txt_tit {position: absolute; top: 0; left: 0; width: 160px; font-size: 22px; line-height: 60px; color: #222;}
.list_form > * .input_form input,
.list_form > * .input_form select {display: block; position: relative; width: 100%; height: 50px; padding: 10px 20px; border: 1px solid #666;font-family: 'HyundaiSansTextKRBold'; font-size: 16px; line-height: 28px; color: #222;}
.list_form > * .input_form select {background: #fff url(/cstatic/images/common/bg_selectbox-m.png) no-repeat; background-size: 16px auto; background-position: right 10px center; -webkit-appearance: none; appearance: none;}
.list_form > * .input_txt {display: block; padding: 10px 20px; background-color: #e8e8e8; font-family: 'HyundaiSansTextKRBold'; font-size: 16px; line-height: 30px; color: #666;}
.list_form > * .input_form.type_tel:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
/*.list_form > * .input_form.type_tel > * {float: left; width: calc((100% - 16px) / 3); margin-left: 8px;}*/
.list_form > * .input_form.type_tel > *:first-child {margin-left: 0;}
.list_dot.type_indent {padding-left: 160px;}

.cont_footer.type_1 {padding: 6.667vw 2.667vw 9.333vw; background-color: #f8f8f8; text-align: center;}
.cont_footer.type_1 .list_footer {display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.cont_footer.type_1 .list_footer li {margin-left: 4.267vw;}
.cont_footer.type_1 .list_footer li:first-child {margin-left: 0;}
.cont_footer.type_1 .list_footer li a {display: block; font-size: 3.733vw; line-height: 9.333vw; color: #666;}
.cont_footer.type_1 .txt_copyright {margin-top: 1.867vw; font-size: 3.2vw; line-height: 1.3em; color: #999;}

/* gallery */
.gallerySlide.type_1 .slide_list {display: -webkit-box; display: box;}
.gallerySlide.type_1 .gallerySlide.type_1 .list_indicator {display: none;}
.gallerySlide_wrap > .list_arrow li {position: absolute; top: 50%; transform: translateY(-50%);}
.gallerySlide_wrap > .list_arrow li.type_prev {left: 0;}
.gallerySlide_wrap > .list_arrow li.type_next {right: 0;}
.gallerySlide_wrap > .list_arrow li button {display: block; overflow: hidden; width: 40px; height: 0; padding-top: 80px; border: none; background-color: transparent; text-indent: -9999em;}
.gallerySlide_wrap > .list_arrow li button:after {display: block; position: absolute; top: 0; left: 0; width: 40px; height: 80px; background: url(/cstatic/images/common/icon_all.svg) no-repeat; content: '';}
.gallerySlide_wrap > .list_arrow li.type_next button:after {background-position: -40px 0;}
.gallerySlide_wrap > .list_arrow li button:hover:after {background-position: 0 -80px;}
.gallerySlide_wrap > .list_arrow li.type_next button:hover:after {background-position: -40px -80px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow.prev,
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow.next,
.galleryCont .thumbCont .thumbSlide {overflow: hidden;}

.list_indicator.type_1 {display: -webkit-flex; display: flex; justify-content: center; margin-top: 32px;}
.list_indicator.type_1 li.type_prev {margin-right: 16px;}
.list_indicator.type_1 li.type_next {margin-left: 16px;}
.list_indicator.type_1 li button {display: block; width: 40px; height: 40px; border: none; background-color: transparent; font-size: 18px; line-height: 40px; color: #666; text-align: center;}
.list_indicator.type_1 li.on button {background-color: #35719e; color: #fff;}
.list_indicator.type_1 li.type_first button,
.list_indicator.type_1 li.type_prev button,
.list_indicator.type_1 li.type_next button,
.list_indicator.type_1 li.type_last button {overflow: hidden; position: relative; height: 0; padding-top: 40px; text-indent: -9999em;}
.list_indicator.type_1 li.type_first button:before,
.list_indicator.type_1 li.type_prev button:before,
.list_indicator.type_1 li.type_next button:before,
.list_indicator.type_1 li.type_last button:before {display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 16px; height: 12px; background-repeat: no-repeat; background-size: contain; content: '';}
.list_indicator.type_1 li.type_first button:before,
.list_indicator.type_1 li.type_last button:before {background-image: url(/cstatic/images/common/icon_indicator_arrow_1.png);}
.list_indicator.type_1 li.type_prev button:before,
.list_indicator.type_1 li.type_next button:before {background-image: url(/cstatic/images/common/icon_indicator_arrow_2.png);}
.list_indicator.type_1 li.type_last button:before,
.list_indicator.type_1 li.type_next button:before {transform: translate3d(-50%, -50%, 0) rotate(180deg);}

.business_fair.type_1 {margin-top: 120px;}
.business_fair.type_1 .leads_contents ul.size_3 li {padding-right: 0; padding-left: 0; padding-bottom: 0;}
.business_fair.type_1 .leads_contents ul.size_3 li:nth-child(3) {padding-top: 20px;}
.business_fair.type_1 .leads_contents ul.size_3 li.type_row {padding-right: 20px; padding-left: 0;}
.business_fair.type_1 .leads_contents ul li.type_full {width: 100%; padding-right: 0;}
.business_fair.type_1 .leads_contents ul.type_full.size_2 li:nth-child(2) {padding-right: 20px; padding-left: 0;}
.business_fair.type_1 .leads_contents ul.type_full.size_2 li:nth-child(3) {padding-right: 0; padding-left: 20px;}
.area_split:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.area_split .box_split {float: left; width: 50%; padding-left: 20px;}
.area_split .box_split:nth-child(odd) {padding-left: 0; padding-right: 20px;}
.txt_award {position: relative; padding-left: 40px;}
.txt_award:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 26px; background-repeat: no-repeat; background-size: contain; content: '';}
.txt_award.type_gold {font-family: 'HyundaiSansHeadKRBold';}
.txt_award.type_gold:before {background-image: url(/cstatic/images/experience/icon_gold.png);}
.txt_award.type_silver:before {background-image: url(/cstatic/images/experience/icon_silver.png);}
.txt_award.type_bronze:before {background-image: url(/cstatic/images/experience/icon_bronze.png);}
.txt_award.type_prize:before {background-image: url(/cstatic/images/experience/icon_prize.png);}

.area_app_guide {display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: #fff;;}
.area_app_guide:before {display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); content: '';}
.area_app_guide .box_app_guide {position: relative;}
.area_app_guide .txt {position: relative; height: 18.133vw; padding-left: 23.467vw; font-size: 4.8vw; color: #fff; line-height: 1.2em;}
.area_app_guide .txt:before,
.area_app_guide .txt:after {display: block; position: absolute; background-repeat: no-repeat; background-size: contain; content: '';}
.area_app_guide .txt:before {top: 0; left: 0; width: 18.133vw; height: 18.133vw; background-image: url(/cstatic/images/common/icon_app_guide.png);}
.area_app_guide .txt:after {bottom: -3.8vw; left: 23.467vw; width: 29.333vw; height: 4.8vw; background-image: url(/cstatic/images/common/icon_star.png);}
.area_app_guide .txt span {display: block; margin-top: 2.667vw; font-family: 'HyundaiSansHeadKRBold'; font-size: 6.4vw;}
.area_app_guide .btn_app {margin-top: 12.4vw;}
.area_app_guide .btn_app button {display: block; width: 80.8vw; height: 13.333vw; border: none; background-color: #35729f; font-size: 4.267vw; color: #fff; line-height: 13.333vw; text-align: center;}
.area_app_guide .btn_web {display: block; margin-top: 5.6vw; text-align: center;}
.area_app_guide .btn_web button {display: inline-block; position: relative; border: none; background-color: transparent; font-size: 3.733vw; color: #fff; line-height: 7.733vw;}
.area_app_guide .btn_web button:after {display: block; position: absolute; top: 50%; left: 0; transform: translateY(1.867vw); width: 100%; height: 1px; background-color: #fff; content: '';}
.box_exclam {margin-top: 30px;}
.box_exclam .btn_link {margin-top: 15px;}
.layer_alert .box_exclam {margin-top: 40px;}

.list_slide_content > li {display: none;}
.list_slide_content > li.on {display: block;}
.catalog.type_1 ul li .lay_wrap .down_wrap .pos_wrap:before {display: none;}

@media only screen and (max-width: 1279px) {
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .location_now {padding: 8px 8px 8px 40px;}
.netwrok_wrap_kr.type_1 .worldmap_wrap .search_area.type_1 .select_area .input_wrap input {width: 100%; height: 36px; padding: 0 24px; line-height: 34px;}
.box_float.type_1 {min-height: 0; padding: 10px 10px 10px 20px;}
.box_float .txt_result {padding-left: 0; font-size: 15px; line-height: 1.3em;}
.box_float.type_1 .case_right {position: relative; top: auto; right: auto; transform: translateY(0); margin-top: 5px;}
.list_branch_util {margin-top: 20px;}
.list_branch_info.type_2 > li {padding-bottom: 23px;}
.list_branch_info.type_2 > li .box_wrap {padding: 0 25px;}
.list_branch_info.type_2 .tit_tag {padding: 0 6px; font-size: 14px;}
.list_branch_info.type_2 .tit_tag + .box_tit {margin-top: 15px;}
.list_branch_info.type_2 .box_tit {margin-top: 22px; padding-right: 28vw;}
.type_use .list_branch_info.type_2 .box_tit,
.type_my_booking .list_branch_info.type_2 .box_tit {padding-right: 0;}
.list_branch_info.type_2 .tit_branch {font-size: 15px;}
.branch_star_point {position: relative; top: auto; right: auto; width: 95px; margin-top: 5px; padding-top: 15px;}
.branch_star_point .point {height: 15px;}
.branch_star_point:before,
.branch_star_point .point {background-size: 19px 15px;}
.list_map_info.type_2 {margin-top: 12px;}
.list_map_info.type_2 > li {display: -webkit-flex; display: flex; padding-left: 0; font-size: 14px;}
.list_map_info.type_2 > li .txt_tit {position: relative; width: 80px; min-width: 80px; font-size: 14px;}
.list_branch_tag li {padding: 0 5px; font-size: 12px; line-height: 20px; letter-spacing: -0.025em;}
.box_branch_tag .txt_distance {position: relative; right: auto; margin-top: 10px; font-size: 15px; line-height: 1.3em;}
.list_branch_util li a {font-size: 13px; line-height: 40px;}
.type_gallery .h2_tit.type_2 {font-size: 32px;}
.list_branch_box .box_txt .txt_tit {margin-top: 18px; font-size: 20px;}
.list_branch_box.type_2 .box_txt .txt_tit {margin-top: 15px; font-size: 20px;}
.list_branch_box .box_txt .txt {font-size: 15px;}
.list_branch_box > li {margin-left: 20px;}
.list_branch_box.type_2 > li > .module {height: 180px;}
.type_gallery.area_used_branch .mobile_btns .btn_arrow {margin-top: -48px;}
.type_gallery .mobile_btns .btn_arrow
.type_gallery .mobile_btns .btn_arrow .btn_prev .ico,
.type_gallery .mobile_btns .btn_arrow .btn_next .ico,
.type_gallery .mobile_btns .btn_arrow .btn_prev .ico:after,
.type_gallery .mobile_btns .btn_arrow .btn_next .ico:after {width: 24px; height: 48px;}
.type_gallery .mobile_btns .btn_arrow .btn_next .ico:after {background-position: -24px 0;}
.list_branch_box.type_2 .branch_star_point {width: 115px;}
.list_branch_box.type_2 .branch_star_point {padding-top: 18px;}
.list_branch_box.type_2 .branch_star_point .point,
.list_branch_box.type_2 .branch_star_point:before {height: 18px;}
.list_branch_box.type_2 .branch_star_point:before,
.list_branch_box.type_2 .branch_star_point .point {background-size: 23px 18px;}
.search_filter_area .list_filter {margin-top: 15px;}
.search_filter_area .list_filter > li {height: 51px; padding-left: 100px;}
.search_filter_area .list_filter > li .tit {width: 100px; font-size: 15px; line-height: 50px;}
.search_filter_area .list_filter_sub li input + span {padding: 0 15px; font-size: 15px; line-height: 35px;}
.search_filter_area .list_filter_sub li input + span:before {width: 14px; height: 11px;}
.search_filter_area .list_filter_select li button {padding: 0 12px; font-size: 15px;}
.link_exclusive .txt_exclam {width: 60%; margin-top: 0;}
.area_branch_info {margin: 50px 0;}
.box_branch_info.type_1 > .box_wrap {height: 330px; min-height: 330px;}
.box_branch_info.type_1 > .box_wrap.type_1 {display: -webkit-flex; display: flex; align-items: center; padding-bottom: 30px;}
.box_branch_info.type_1 .list_map_info {padding: 0 20px;}
.area_branch_info .list_map_info.type_2 > li {padding-left: 0; font-size: 15px;}
.area_branch_info .list_map_info.type_2 > li .txt_tit {width: 80px; font-size: 15px;}
.area_service_network {padding-left: 10px; padding-right: 10px;}
.tab.tab_depth1,
.area_content.type_1 .catalog,
.area_tab.type_1 .catalog,
.cont_row .module.type_1,
.select_area.type_1.size_2 {margin-left: 20px; margin-right: 20px;}
.area_img_explain {padding-left: 20px; padding-right: 20px;}
.area_img_explain:before {height: 0; padding-top: 36.66%;}
.box_pad.type_1 {padding: 12vw 0 13.333vw;}
.area_video_view {padding-bottom: 0;}
.area_video_view .box_video {height: 40%;}
.area_video_view .box_explain {position: relative; bottom: auto; height: 60%;}
.layer_alert.enroll_my_car .h4_tit {font-size:20px;} /* 200224 add */
}
@media only screen and (max-width: 1919px) and (min-width: 1280px) {
.area_content .cont_row:first-child .contModule.cont_h2 .txt_wrap .align_cont {padding: 64px 0 0 80px;}
}
@media only screen and (max-width: 1279px) {
.box_img_color .box_inner {width: 70%; height: 80%;}
.box_color {padding: 5%;}
.list_form.type_1.size_2:not(.type_wide) > li {float: none; width: 100%;}
.list_img_upload.size_5 > li {width: calc((100% - 64px) / 5);}
.box_my_branch .box_wrap.type_1 {left: auto; width: 100%; margin-left: 0;}
.box_my_branch .box_wrap.type_1 .box_gray {padding-left: 20px; padding-right: 20px;}
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
.area_content .cont_row:first-child .contModule.cont_h2 .txt_wrap .align_cont {padding: 40px 0 0 48px;}
.box_line_info {padding: 3.3vw 0;}
.list_icon_left > li {padding-left: 9%;}
.list_icon_left > li:before {left: 4%; width: 8.3%; padding-top: 8%;}
.list_icon_left > li .txt_tit {font-size: 14px;}
.list_icon_left > li .txt {margin-top: 2px; font-size: 11px;}
.list_icon_left .list_app {margin-top: 1vw;}
.list_icon_left > li .txt_tit:before {left: 3.6%; width: 12%; padding-top: 9.6%;}
.list_app > li {width: 11vw; margin-left: 0.66vw;}
.list_app > li a {padding-top: 3.3vw; background-color: #000; text-indent: -9999em;}
.list_app > li a:before {transform: translate3d(-50%, -50%, 0); width: 67%; height: 0; margin: 0; padding-top: 17.1%;}
.box_mo_wrap {margin: 0 20px;}
/* 200224 add */
.wrap_select.type_1 label {overflow:hidden;}
.area_my_history.top .box_no_history{width:97%; margin:0 auto;}
/* //200224 add */
/* 200811 add */
.box_breakdown .h3_tit { min-width: 100px;margin-right: 0;} 
.box_breakdown.size_2 .box_wrap .box_txt { padding-right: 25px; }
.box_breakdown.size_2 .list_dot.type_1_1 > li {font-size:16px;}
/* //200811 add */

/* 211202 add */
.area_estimate .area_agreement .agreement {margin-top:0;border:none;}
.area_estimate .area_agreement .agreement dt {margin:50px 0 15px;padding-top:0;font-size:20px;}
.area_estimate .area_agreement .agreement dt:first-child {margin-top:10px;}
.area_estimate .area_agreement .agreement dd .agree_check,
.area_estimate .area_agreement .agreement dd .marketing_check {padding:21px 20px;border:none;background-color:#f8f8f8;}
.area_estimate .area_agreement .agreement dd .chk_txt {line-height:30px;}
.area_estimate .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:36px;line-height:36px;}
.area_estimate .area_agreement .agreement dd .chk_wrap input:checked + label:before {top:0;left:0;width:20px;height:20px;margin:5px;}
.area_estimate .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:20px;}
.area_estimate .area_agreement .agreement dd .chk_wrap label {min-height:30px;padding:0 0 0 44px;font-size:18px;line-height:28px;}
.area_estimate .area_agreement .agreement dd .chk_wrap input+label:after {width:30px;height:30px;}

.area_my_history .area_agreement {margin:30px 0 30px;padding-bottom:30px;}
.area_my_history .area_agreement .agreement {margin-top:0;border:none;}
.area_my_history .area_agreement .agreement dt {margin:50px 0 15px;padding-top:0;font-size:20px;}
.area_my_history .area_agreement .agreement dt:first-child {margin-top:10px;}
.area_my_history .area_agreement .agreement dd .agree_check {padding:21px 20px;border:none;background-color:#f8f8f8;}
.area_my_history .area_agreement .agreement dd .chk_txt {line-height:30px;}
.area_my_history .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:36px;line-height:36px;}
.area_my_history .area_agreement .agreement dd .chk_wrap input:checked + label:before {top:0;left:0;width:20px;height:20px;margin:5px;}
.area_my_history .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:20px;}
.area_my_history .area_agreement .agreement dd .chk_wrap label {min-height:30px;padding:0 0 0 44px;font-size:18px;line-height:28px;}
.area_my_history .area_agreement .agreement dd .chk_wrap input+label:after {width:30px;height:30px;}

.layer_alert.layer_login_agree .box_inner {width:calc(100% - 20px);}
.layer_alert.layer_login_agree .area_agreement .agreement dt {margin:50px 0 15px;padding-top:0;font-size:20px;}
.layer_alert.layer_login_agree .area_agreement .agreement dt:first-child {margin-top:10px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .agree_check,
.layer_alert.layer_login_agree .area_agreement .agreement dd .marketing_check {padding:21px 20px;border:none;background-color:#f8f8f8;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_txt {line-height:30px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:36px;line-height:36px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input:checked + label:before {top:0;left:0;width:20px;height:20px;margin:5px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:20px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap label {min-height:30px;padding:0 0 0 44px;font-size:18px;line-height:28px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input+label:after {width:30px;height:30px;}
/* //211202 add */

/* 220104 add */
.layer_alert.layer_login_join .h2_tit {margin-bottom:20px;}
/* //220104 add */

/* 220228 add */
.layer_alert.layer_chk_day .h2_tit {margin-bottom:20px;}
/* //220228 add */

}
@media only screen and (max-width: 1100px) {
.list_form.type_1 .wrap_form .wrap_select,
.list_form.type_1 .wrap_form .input_form input[type=text] {width: 30vw;}
.list_form.type_1 .wrap_form .input_form {width: 45vw;}
.upCheck {top:63px;line-height:18px;}/* 201216 add *//* 220322 modify */
/* 220322 add */
#approval {margin-bottom:5.5454vw;}
#approval .txt_warning {top:115px;line-height:18px;}
/* //220322 add */
/* 211202 add */
.area_estimate .area_agreement .agreement dd .agree_check,
.area_estimate .area_agreement .agreement dd .marketing_check {display:block;text-align:center;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .agree_check,
.layer_alert.layer_login_agree .area_agreement .agreement dd .marketing_check {display:block;text-align:center;}
/* //211202 add */
}
/* 220322 add */
@media only screen and (max-width:1023px){ 
#approval {margin-bottom:7.5454vw;}
#approval .input_form input[type=text] {width: 28vw;}
#approval .input_form.type_file input[type='file'] + span {width: 104px;}
}
/* //220322 add */
@media only screen and (max-width: 767px) {
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .map_info li .map_view .btns_wrap a {float: none; height: 5.6vw; line-height: 5.6vw;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .map_info li .map_view .btns_wrap i.ico.blank,
.area_content.type_1 .btn.ico_r i.ico {width: 4vw; height: 4vw; margin-left: 1.067vw; background: url(/cstatic/images/common/icon_link_2.png) no-repeat; background-size: contain; vertical-align: middle;}
.area_content.type_1 .btn.ico_r i.ico {top: 50%; transform: translateY(-50%);}
.area_content.type_1 .btn.ico_r i.ico:after {display: none;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .map_info li .map_view .btns_wrap i.ico.blank:after {display: none;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .map_info .btn_wrap .ico {position: relative; right: auto; top: auto; transform: rotate(45deg); width: 2.133vw; height: 2.133vw; margin-left: 3.467vw; margin-top: -1.333vw; border-width: 0 1px 1px 0; background-image: none; border-style: solid; border-color: #000; vertical-align: middle;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .map_info .btn_wrap .ico:after {display: none;}
.area_content.type_1 .btn,
.area_content.type_1 .btn.light_blue,
.area_content.type_1 .btn.blue,
.catalog.type_1 ul li .lay_wrap .down_wrap .download dl dd .btn,
.netwrok_wrap_kr.type_1 .worldmap_wrap .search_area .btn.blue {height: 10.667vw; padding-left: 7.2vw; padding-right: 7.2vw; font-size: 3.733vw; line-height: 10.4vw;}
.area_content.type_1 .box_float_mo .btn,
.area_content.type_1 .box_float_mo .btn.light_blue {height: 15.467vw; font-size: 5.333vw; line-height: 15.2vw;}
.btn.type_arrow {min-width: 38.667vw; padding-right: 6.667vw; padding-left: 2.667vw;}
.btn.type_arrow:after {right: 4.267vw; width: 1.867vw; height: 1.867vw;}
.area_content.type_1 .btn.type_1 {min-width: 146px; min-width: 38.933vw; height: 10.667vw; padding-left: 4vw; line-height: 10.4vw; text-align: left;}
.area_content.type_1 .btn.ico_r {padding-right: 13.867vw; padding-left: 5.333vw;}
.area_content.type_1 i.ico:after {transform: translateY(-38%); margin-top: 0;}
.area_content.type_1 .h1_tit.type_2 {font-size: 28px;}
.legal_wrap.type_1 .header .h1_tit,
.area_content.type_1 .h1_tit.type_4,
.netwrok_wrap_kr .worldmap_wrap .header .h1_tit.type_4 {font-size: 7.467vw;}
.module.type_1 .h3_tit.type_1 {margin-bottom: 10px; font-size: 18px;}
.area_content .cont_row:first-child .contModule.cont_h2 .txt_wrap .align_cont {padding: 40px 40px 0 20px;}
.area_content.type_app .txt_explain {font-size: 3.743vw; line-height: 1.428em;}
.mo_view {display: block !important;}
.mo_none,
.mo_none.type_1 {display: none !important;}
.contModule.cont_h3tit .txt_wrap .align_cont {padding: 9.3333vw 10px  8vw;}/* 230317 edit */
.contModule.cont_h3tit .txt_wrap .align_cont.type_1 {padding: 10.133vw 0;}
.contModule.cont_h3tit .txt_wrap .align_cont.type_2 {padding-top: 10.133vw; padding-bottom: 7.733vw;}
.contModule.cont_h3tit .txt_wrap .align_cont.type_3 {padding-bottom: 0;}
.contModule.cont_h3tit .txt_wrap .align_cont.type_4 {padding: 6.133vw 0 0;}
.contModule.cont_h3tit .txt_wrap .align_cont + .align_cont {padding-top: 2.133vw;}
.contModule.cont_h3tit .txt_wrap .align_cont + .align_cont.type_1 {padding-top: 0;}
.contModule.cont_h3tit .txt_wrap .txt.type_1 {padding-top: 0;}
.contModule.cont_h3tit .txt_wrap .txt.type_2 {padding-top: 2.667vw;}
.contModule.cont_h3tit .txt_wrap .txt,
.list_icon_top > li .txt_tit.type_1 + .txt {font-size: 3.733vw; line-height: 1.5em;}
.contModule.cont_h3tit .txt_wrap .txt.type_2 {padding-top: 0; font-size: 7.467vw;}
.area_content.type_1 {margin-bottom: 60px;} /* 200811 modify */ /* 210322 modify */
.h4_tit.type_2 {margin-bottom: 8px;}
.h4_tit.type_4 {font-size: 4.267vw;}
.cont_row.type_1 {margin-top: 40px;}
.cont_row.type_1_1 {margin-top: 0;}
.cont_row .module.type_1 {margin: 10.667vw 2.667vw 0;}
.area_content .boardView_top_wrap .txt_wrap .align_cont .txt {line-height: 1.43em;}
.area_content .viewBody_wrap.type_1 {padding-top: 0;}
.area_content .viewBody_wrap.type_1 .viewBody_cont,
.area_content .viewBody_wrap.type_2 .viewBody_cont {margin: 0;}
.viewBody_wrap.type_1 .cont_row.md {margin-right: 0 !important; margin-left: 0 !important;}
.viewBody_wrap.type_1 .tab_wrap .btn_open {margin-right: 10px; margin-left: 10px;}
.viewBody_wrap.type_1 .contModule {margin-right: 20px; margin-left: 20px;}
.viewBody_wrap.type_1 .tab_wrap .tab_depth1 {right: auto; left: 10px; width: calc(100% - 20px);}
.viewBody_wrap.type_1 .beforeService .before_slide .imgList_wrap {margin-top: 28px; margin-bottom: 32px; padding: 0;}
.area_content .viewBody_wrap.type_1 .jumpPage_wrap {margin-top: 40px;}
.box_gray.type_1,
.box_gray.type_2 {padding: 40px 20px; text-align: center;}
.box_gray.type_2_1 {margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px;}
.box_gray.type_2 + .box_gray.type_2 {margin-top: 20px;}
.box_gray.type_left {text-align: left;}
.box_gray.type_1 .txt.type_1,
.box_gray.type_1 .txt.type_2 {font-size: 4.267vw; line-height: 1.43em;}
/*.box_gray.type_float .case_left {float: left; margin-top: 0;}
.box_gray.type_float .case_right {float: right; margin-top: 0; text-align: right;}
.box_gray.type_float .case_clear {clear: both;}*/

.btn_wrap.type_1 {margin-top: 4.8vw;}
.btn_wrap.type_1 a {display: inline-block;}
.btn_wrap.type_2 {position:relative; margin: 35px 0 20px; text-align:center;}
.btn_wrap.type_2 .btn {width:100%; height:50px; margin:10px 0 0; line-height:48px;}
.btn_wrap.type_2 .btn:first-child {margin-top: 0;}
.box_gray.type_2 .btn_wrap {position: static; top: auto; right: auto; margin-top: 17px;}
.btn_wrap.type_inline .btn {display: inline-block; width: 45.333vw; height: 10.667vw; min-width: 0; line-height: 10.4vw;}
.box_gray.type_2 .h3_tit {font-size: 7.467vw;}
.box_gray.type_2 .h3_tit.type_2 {font-size: 5.333vw;}
.box_gray.type_2 .txt.type_2 {margin-top: 0;}
.contModule.cont_h3tit .txt_wrap .box_gray.type_2 .txt.type_2,
.box_gray.type_1 .txt.type_2,
.box_gray.type_1 .txt.type_4,
.box_gray.type_2 .txt.type_2 {font-size: 3.733vw;}
.box_gray.type_1 .txt.type_3 {font-size: 5.333vw;}
.box_gray.type_2 .txt.type_3 {font-size: 4.8vw;}
.box_gray.type_1 .txt.type_1 + .txt.type_2 {margin-top: 10px;}
.box_gray.type_2 .h3_tit + .txt.type_3 {margin-top: 4.533vw;}
.box_gray.type_2 .txt.type_3 + .txt.type_2 {margin-top: 3.2vw;}
.txt_exclaim {margin-top: 2.4vw; padding-left: 6.667vw; font-size: 4.267vw;}
.txt_exclaim:before {top: 0.533vw; width:4.8vw; height:4.8vw; background-image:url('/cstatic/images/account/ico_notice.png');}
.box_my_exclusive {padding-top: 38px; padding-bottom: 40px; background-image: url(/cstatic/images/service/service-repair-my-bg-m.jpg);}
.box_my_exclusive .txt_name {font-size: 18px;}
.box_my_exclusive .box_info {width: calc(100% - 60px); max-width: 100%; margin-top: 18px; padding: 24px 20px;}
.box_my_exclusive .box_info .txt_shop {font-size: 16px;}
.box_my_exclusive .box_info .list_info {margin-top: 10px;}
.box_my_exclusive .box_info .list_info li {margin-top: 5px; padding-left: 40px; font-size: 14px;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .select_wrap,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .sorting_wrap {z-index: 120; width: calc((100% - 1.067vw) / 2); margin-left: 1.067vw;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .select_wrap:first-child,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap:first-child,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap:first-child,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .sorting_wrap:first-child {margin-left: 0;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .input_wrap {float: none; width: 100%; margin-top: 2.133vw;}
.netwrok_wrap_kr.type_1 .worldmap_wrap .search_area.type_1 .select_area .input_wrap input {height: 50px; line-height: 48px;}

.search_filter_area .box_wrap {margin-top: 5.3vw;}
.search_filter_area .list_filter {margin-top: 0; padding: 6.933vw 5.333vw; background-color: #f4f4f4; border: none;}
.search_filter_area .list_filter > li {display: block; float: none; height: auto; margin-top: 4.8vw; padding-left: 0;}
.search_filter_area .list_filter > li:first-child {margin-top: 0;}
.search_filter_area .list_filter > li.case_1 {border-bottom: none;}
.search_filter_area .list_filter > li.case_2,
.search_filter_area .list_filter > li.case_3 {width: 100%;}
.search_filter_area .list_filter > li .tit {display: block; position: relative; width: auto; background-color: transparent; font-family: 'HyundaiSansTextKRRegular'; font-size: 4.267vw; line-height: 1.2em; text-align: left;}
.search_filter_area .list_filter_sub {display: block; margin-left: 0; text-align: center;}
.search_filter_area .list_filter_sub:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.search_filter_area .list_filter_sub li {float: left; width: calc((100% - 16px) / 3); margin-left: 8px; margin-top: 8px;}
.search_filter_area .list_filter_sub li:nth-child(3n + 1) {margin-left: 0;}
.search_filter_area .list_filter_sub li input + span {width: 100%; margin: 0; padding: 0; border: 1px solid #d0d0d0; background-color: #fff; font-size: 3.733vw; line-height: 11.333vw; color: #666;}
.search_filter_area .list_filter_select {margin-top: 5.3vw; text-align: center;}
.search_filter_area .list_filter_select li button {padding: 0 3.733vw; font-size: 3.733vw;}
.search_filter_area .list_filter_select li:before {height: 3.2vw; margin-top: -1.6vw;}

.netwrok_wrap_kr .network_cont .network_info .txt_wrap .inner,
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont {display: block; height: auto;}
.map_info_1 {overflow: visible; max-width:none; max-height: none;} /* 200205 modify */
.box_branch_info {margin: 0 10px;}
.list_branch_info .box_tit {position: relative;}
.list_branch_info.type_2 > li.on,
.list_branch_info > li {margin-top: 16px; background-color: #f8f8f8;}
.list_branch_info.type_2 > li .btn_view_detail {display: none;}
.list_branch_info > li:first-child {margin-top: 0;}
.list_branch_info.type_2 .list_branch_util {display: -webkit-flex; display: flex;}
.list_branch_info > li .box_wrap {padding: 28px 20px 0;}
.list_branch_info .tit_branch {font-family: 'HyundaiSansTextKRBold'; font-size: 20px; line-height: 25px; color: #222;}
.search_filter_area {margin-top: 20px;}
.search_filter_area .btn_tit .btn_help {width: 5.333vw; padding-top: 5.067vw;}
.search_filter_area .btn_tit .btn_help:before {width: 5.067vw; font-size: 4.267vw; line-height: 5.067vw;}
.search_filter_area .btn_tit button {font-size: 4.267vw; line-height: 5.333vw;}
.netwrok_wrap_kr.type_1 .worldmap_wrap .search_area .search_filter_area + .btn.blue {margin-top: 20px;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .location_now {margin-top: 10.6vw; padding: 3.2vw 1.33vw 3.2vw 14.933vw; font-size: 3.733vw; line-height: 7.467vw;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .location_now a {top: 50%; left: 5.333vw; transform: translateY(-50%); width: 7.467vw; height: 7.467vw; border-radius: 100%; box-shadow: 0 1px 2px rgba(0,0,0,.1); background-image: none; background-color: #fff;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .txt_wrap .align_cont .location_now a:before {display: block; position: absolute; top: 50%; left: 50%; width: 4.8vw; height: 4.8vw; transform: translate3d(-50%, -50%, 0); background: url(/cstatic/images/common/icon_location.png) no-repeat; background-size: contain; content: '';}
.box_float {display: -webkit-flex; display: flex; align-items: center; position: relative;}
.box_float.type_1 {min-height: 0; height: 15.2vw; margin: 1.06vw 0 0; padding: 0 2.267vw; box-shadow: none;}
.netwrok_wrap_kr.type_1 .location_now + .box_float {margin-top: 65.333vw;}
.box_float.type_1 .case_right {position: absolute; top: 50%; right: 2.267vw; transform: translateY(-50%); margin-top: 0;}
.box_float .txt_result {line-height: 1.5em;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .map_wrap {display: block; position: absolute; top: 18.133vw; left: 0; width: 100%; min-height: 0; height: 60vw; margin-left: 0; padding: 0 2.667vw;}
.netwrok_wrap_kr.type_1 .network_cont .network_info .map_wrap.type_1 {display: none;}
.list_branch_info.type_2 {margin: 0 2.667vw;}
.list_branch_info.type_2 > li,
.list_branch_info.type_2 > li:first-child {border: none;}
.list_branch_info.type_2 > li {margin-top: 2.667vw; padding: 0;}
.list_branch_info.type_2 > li:first-child {margin-top: 0;}
.list_branch_info.type_2 > li .box_wrap {padding: 0 5.333vw;}
.list_branch_info.type_2 .tit_tag {/*margin-left: -5.333vw;*/ padding: 0 3.2vw; font-size: 3.373vw; line-height: 10.667vw;} /* 200319 modify */
.list_branch_info.type_2 .tit_branch {position: relative; font-size: 5.333vw;}
.list_branch_info.type_2 .tit_branch .txt_condition {position: absolute; top: 0; right: 0; width: 12vw; height: 4.267vw; font-family: 'HyundaiSansTextKRRegular'; font-size: 2.933vw; line-height: 4.267vw; color: #fff; text-align: center;}
.type_use .list_branch_info.type_2 .tit_branch {padding-right:20vw;} /* 200914 add */
.type_use .list_branch_info.type_2 .tit_branch .txt_condition,
.type_my_booking .list_branch_info.type_2 .tit_branch .txt_condition {top: 1.067vw;}
.list_branch_info.type_2 .tit_branch .txt_condition.type_finish,
.list_branch_info.type_2 .tit_branch .txt_condition.type_receive,
.list_branch_info.type_2 .tit_branch .txt_condition.type_cancel,
.list_branch_info.type_2 .tit_branch .txt_condition.type_booking_end {background-color: #666;}
.list_branch_info.type_2 .tit_branch .txt_condition.type_waiting,
.list_branch_info.type_2 .tit_branch .txt_condition.type_booking {background-color: #35719e;}
.list_branch_info.type_2 .tit_branch .txt_condition.type_evaluate {background-color: #002c5f;}
.branch_star_point {position: absolute; top: 0; right: 0; width: 26.665vw; height: 0; padding-top: 4.267vw; text-indent: -9999px;}
.branch_star_point .point,
.branch_star_point:before {height: 4.267vw;}
.branch_star_point:before,
.branch_star_point .point {background-size: 5.333vw 4.267vw;}
.list_map_info.type_2 > li .txt_tit {width: 18.133vw; font-size: 3.733vw;}
.list_map_info.type_2 > li {font-size: 3.733vw;}
.list_branch_info.type_2 .box_branch_tag {margin-top: 2.933vw;}
.list_branch_info.type_2 .list_branch_tag li {padding: 0 1.067vw; border: none; font-size: 3.2vw; line-height: 5.333vw;}
.list_branch_info.type_2 .box_branch_tag .txt_distance {margin-top: 0; font-family: 'HyundaiSansTextKRRegular'; font-size: 4.267vw; line-height: 5.333vw;}
.list_branch_util {margin-top: 6.4vw;}
.list_branch_util li a {font-size: 4.267vw; line-height: 14.933vw;}
.list_branch_info.type_2 + .btn_wrap {margin: 5.333vw 2.667vw 0;}
.list_branch_info.type_2 + .btn_wrap i.ico.more {width: 3.333vw;}
.list_branch_info.type_2 + .btn_wrap i.ico.more:after {position: absolute; top: 50%;/* left: 0;*/ width: 2.133vw; height: 2.133vw; transform: translateY(-50%) rotate(45deg); margin-top: -0.4vw; border-style: solid; border-color: #000; border-width: 0 2px 2px 0; background: none; content: '';}
.area_used_branch {margin-top: 16vw; padding-top: 0; padding-bottom: 0; background-color: transparent; text-align: left;}
.area_evaluate_branch {margin-top: 16vw; text-align: left;}
.type_gallery .h2_tit.type_2 {font-size: 6.4vw;}
.type_gallery .ui_carousel_list {margin-top: 5.1vw;}
.type_gallery .contModule.h4titc1 .swipe_wrap .list_branch_box.type_1.ui_static,
.type_gallery .contModule.h4titc1 .swipe_wrap .list_branch_box.type_2.ui_static {margin-left: -20px;}
.type_gallery .contModule.h4titc1 .swipe_wrap .list_branch_box.type_1:not(.ui_static),
.type_gallery .contModule.h4titc1 .swipe_wrap .list_branch_box.type_2:not(.ui_static) {margin-left: 10px;}
.type_gallery .contModule.h4titc1 li.item {margin: 0 0 0 20px;}
.list_branch_box .box_txt .txt_tit {margin-top: 4.8vw; font-size: 4.267vw;}
.list_branch_box .box_txt .txt {margin-top: 3vw; font-size: 3.733vw;}
.type_gallery .contModule.h4titc1 .mobile_btns {display: none;}
.list_branch_box.type_2 > li > .module {height: 42vw;}
.list_branch_box.type_2 .box_txt .txt_tit {margin-top: 2.5vw; font-size: 5.333vw;}
.list_branch_box.type_2 .box_txt .txt {margin-top: 2.13vw; font-size: 3.733vw;}
.contModule.h4titc1 .list_branch_box.type_1 li.item,
.contModule.h4titc1 .list_branch_box.type_2 li.item {width: calc(100% - 30px);}

.list_branch_box.type_2 .branch_star_point {width: 33.335vw;}
.list_branch_box.type_2 .branch_star_point {padding-top: 5.333vw;}
.list_branch_box.type_2 .branch_star_point .point,
.list_branch_box.type_2 .branch_star_point:before {height: 5.333vw;}
.list_branch_box.type_2 .branch_star_point:before,
.list_branch_box.type_2 .branch_star_point .point {background-size: 6.667vw 5.333vw;}

.list_branch_util {display: -webkit-flex; display: flex; justify-content: center; margin-top: 6.4vw;}
.list_branch_util li a {font-size: 4.267vw; line-height: 14.933vw;}
.list_branch_util li a:before {height: 3.733vw; transform: translateY(-50%); margin-top: 0;}
.list_branch_util li.type_location a:after {width: 4.267vw; height: 3.733vw; background: url(/cstatic/images/common/icon_map_view.png) no-repeat; background-size: contain; content: '';}

.list_map_info {margin-top: 10px;}
.list_map_info > li {display: -webkit-flex; display: flex; position: relative; margin-top: 5px; font-size: 14px; line-height: 1.5em; color: #666;}
.list_map_info > li:first-child {margin-top: 0;}
.list_map_info > li .txt_tit {margin-left: 20px; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.list_map_info > li .txt_tit:first-child {min-width: 18.133vw; margin-left: 0;}
.box_branch_tag {position: relative; margin-top: 9px;}
.box_branch_tag .txt_distance {position: absolute; top: 0; right: 0; font-family: 'HyundaiSansTextKRBold'; font-size: 16px; line-height: 20px; color: #35719e;}
.list_branch_tag:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_branch_tag li {float: left; padding: 0 5px; font-size: 12px; line-height: 20px; color: #fff;}
.list_branch_info + .btn_wrap {margin-top: 20px;}
.contModule.h4titc1 li.item {width: 3%;}
.box_txt.type_1 {margin: 0 10px;}
.select_type_1 {height: 60px; border: none; font-family: 'HyundaiSansTextKRBold'; font-size: 16px; color: #222;}
.netwrok_wrap_kr .network_cont .network_info .txt_wrap .align_cont .location_now.type_1 {margin-top: 0;}
.txt_result {font-size: 14px; line-height: 1.5em; color: #666;}
.txt_result .txt_num {color: #222;}
.box_float .txt_result {line-height: 60px;}
.list_branch_box .box_txt .txt_tit {margin-top: 3.437vw; font-family: 'HyundaiSansTextKRBold'; font-size: 4.267vw; line-height: 1.56em; color: #222;}
.list_branch_box .box_txt .txt {margin-top: 4px; font-size: 3.733vw; line-height: 1.45em; color: #666;}
.list_branch_box .box_txt .txt_tit .txt_tag {width: 7.733vw; font-size: 3.2vw; line-height: 5.333vw;}

.align_cont.type_1 {margin: 0 10px;}
.list_icon_top.size_4 {margin: 0;}
.list_icon_top.size_3 {margin-top: 0; margin-left: 7.467vw; margin-right: 5.867vw;}
.list_icon_top.size_4 > li {width: 50%; margin-top: 36px; font-size: 14px;}
.list_icon_top.size_4 > li:nth-child(odd) {clear:both;}
.list_icon_top.size_4 > li:nth-child(1),
.list_icon_top.size_4 > li:nth-child(2) {margin-top: 0;}
.list_icon_top.size_3 > li,
.list_icon_top.size_5 > li {display: -webkit-flex; display: flex; align-items: center; float: none; width: 100%; min-height: 20.267vw; margin-top: 10.667vw; padding-left: 34.667vw; font-size: 4.8vw; text-align: left;}
.list_icon_top.size_3 > li:first-child,
.list_icon_top.size_5 > li:first-child {margin-top: 0;}
.list_icon_top > li:before {width: 48%; margin-bottom: 6px; padding-top: 42%;}
.list_icon_top.size_3 > li:before,
.list_icon_top.size_5 > li:before {display: -webkit-flex; display: flex; align-items: center; position: absolute; left: 7.467vw; top: 0; width: 24vw; height: 21.2vw; margin-bottom: 0; padding-top: 0;}

.list_icon_top.type_1 {display: block; margin-top: 1.867vw;}
.list_icon_top.type_1 > li {width: 100%; max-width: 100%; margin-left: 0; margin-top: 13.333vw;}
.list_icon_top.type_1 > li .txt_wrap {font-size: 7.467vw;}
.list_icon_top.type_1 > li:first-child {margin-top: 0;}
.list_icon_top.type_1 > li:before {width: 42.133vw; padding-top: 42.133vw;}

.box_gray.type_3 {margin-top: 20px; padding: 12px 20px;}
.list_dot.type_4 li {font-size: 14px;}
.list_dot.type_5 {margin-top: 2.667vw;}
.list_dot.type_5 li {margin-top: 0; padding-left: 2.933vw; font-size: 4.267vw;}
.area_my_branch .box_tab_content.type_1 .list_dot.type_4 li {font-size: 3.2vw;}
.list_dot.type_indent {padding-left: 0;}
.box_line_info {padding: 0 20px;}
.list_icon_left > li {float: none; width: 100% !important; padding-top: 20px; padding-bottom: 20px; padding-left: 0;}
.list_icon_left > li:after {width: 100%; height: 1px;}
.list_icon_left > li .txt_tit {display: -webkit-flex; display: flex; align-items: center; margin-left: 7%;}
.list_icon_left > li .txt_tit:before {display: inline-block; position: relative; top: auto; left: auto; width: 27%; padding-top: 21.6%; vertical-align: middle;}
.list_icon_left > li .txt_tit {font-size: 20px;}
.list_icon_left > li .txt {margin-top: 2px; font-size: 16px; text-align: center;}
.list_icon_left .list_app {margin: 17px 13px 0; font-size: 0; text-align: center;}
.list_icon_top > li .txt_tit,
.list_icon_top > li .txt_tit.type_1 {margin-bottom: 1.333vw; font-size: 4.267vw;}
.list_app li {display: inline-block; float: none; width: calc((100% - 8px) / 2);}
.list_icon_top.type_arrow {margin-top: 0;}
.list_icon_top.type_arrow > li:after {top: -5.333vw; left: 50%; transform: translate3d(-50%, -50%, 0) rotate(45deg);}
.list_icon_top.list_car_regist {margin-left: 0; margin-right: 0;}

.layer_alert .h2_tit.type_2 {margin-bottom: 6.667vw;}
.layer_alert .h2_tit.type_2_1 {margin-bottom:35px;}/* 210824 add */
.layer_alert.type_service .box_inner {transform: translateY(-50%); top: 50%; padding: 60px 20px 50px; text-align: center;}
.layer_alert .box_inner.type_1 {padding: 13.333vw 2.667vw;}
.layer_alert .box_inner.type_1_1 {padding-left: 5.333vw; padding-right: 5.333vw;}
.layer_alert.type_service .box_inner .txt,
.layer_alert .box_inner.type_1 .txt {font-family: 'HyundaiSansTextKRBold'; font-size: 16px; line-height: 1.43em; color: #222;}
.layer_alert .box_inner.type_1 .txt.type_tit {font-size: 5.333vw;}
.layer_alert .box_inner.type_1 .txt.type_stit {font-size: 4.267vw;}
.layer_alert .box_inner.type_1 .stxt + .txt,
.layer_alert .box_inner.type_1 .txt + .txt.type_stit {margin-top: 6.4vw;}
.layer_alert .box_inner.type_1 .txt + .stxt {margin-top: 2.933vw;}
.layer_alert .txt + .btn_wrap,
.layer_alert .stxt + .btn_wrap {margin-top: 5.867vw;}
.layer_alert .box_inner.type_1 .stxt {font-size: 3.733vw;}
.layer_alert .box_inner.type_1 .txt.type_stit + .stxt {margin-top: 2.667vw;}
.layer_alert .box_inner.type_1 .txt.type_stit + .stxt.type_2 {margin-top: 2.4vw}
.layer_alert.type_service .stxt {margin-top: 9px; font-size: 14px; line-height: 1.43em; color: #666;}
.layer_alert.type_service .stxt.type_1 {margin-top: 0; font-size: 12px; line-height: 1.43em; color: #666;}
.layer_alert.type_service .stxt.type_2 {font-size: 3.2vw; line-height: 1.58em; color: #666;}
.layer_alert.type_service .btn_confirm,
.layer_alert.type_service .btn_wrap {margin-top: 3.2vw;}
.layer_alert.type_service .btn_wrap button,
.layer_alert.type_service .btn_confirm button {display: inline-block; min-width: 140px; height: 40px; font-size: 14px; line-height: 40px;}
.layer_alert.type_service .btn_wrap button {min-width: 120px; margin-left: 3px;}
.layer_alert.type_service .btn_wrap button:first-child {margin-left: 0;}
.layer_alert.type_service .btn_confirm button {background-color: #35729f;}
.layer_alert.type_middle .box_inner,
.layer_alert.type_middle_1 .box_inner {position: absolute; width: calc(100% - 20px); transform: translateY(0);}
.layer_alert.type_middle .box_inner.type_2,
.layer_alert.type_middle_1 .box_inner.type_2 {padding-left: 20px; padding-right: 20px;}
.layer_alert .box_inner.type_3 {padding: 9.333vw 7.2vw 7.2vw;}
.layer_alert .btn_confirm {margin-top: 7.2vw;}
.layer_alert .btn_confirm button {min-width: 37.333vw; height: auto; font-size: 3.6vw; line-height: 3.2em;}
.layer_alert.type_middle_2 .box_inner {width: calc(100% - 20px); margin-left: 0; padding: 15.467vw 5.333vw 13.333vw;}
/* 200224 add */
.layer_alert.enroll_my_car .h4_tit { font-size: 28px; margin-bottom: 20px;} 
.layer_alert.enroll_my_car .stxt {font-size:14px; margin-top:20px;}
/* //200224 add */
/* 210813 add */
.layer_alert.type_top .btn_close {position:fixed;top:20px;z-index:9999;}
.layer_alert.type_top .box_inner {position:fixed;top:0 !important;left:0 !important;width:100% !important;height:100%;padding:0;z-index:9998;background:#f8f8f8;}
.layer_alert.type_top .box_inner .txt {position:fixed;top:0;left:0;width:100%;height:33.06vw;padding-top:17.6vw;background:#fff;font-size:7.46vw;font-family:'HyundaiSansTextKRBold';color:#222;text-align:center;z-index:9999;}
.layer_alert .box_barcode {margin-top:29.34vw;padding:12vw 0 7.73vw;text-align:center;}
.layer_alert .box_point {margin:0 2.66vw;padding:15.2vw 0 0;border-top:1px solid #d0d0d0;text-align:center;}
.layer_alert .box_point .card {width:38vw;height:auto;margin:0 auto;}
.layer_alert .box_point .card img {width:100%;}
.layer_alert .box_point .point {margin-top:6.66vw;font-size:8vw;}
.layer_alert .box_point .point .num em {padding-right:2.66vw;}
/* //210813 add */

/* 210824 add */
.btn.type_2 {width:auto !important;padding:0 20px;}
.list_txt.type_2 li {line-height:1.2em;}
.layer_alert .stxt.type_2 {margin-top:0;font-size:14px;}
.layer_alert .h2_tit.type_2_1 {margin-bottom:35px;}
/* //210824 add */

.box_wrap.type_1 {margin: 0 10px;}
.box_location_now {padding: 3.2vw 0 3.2vw 14.93vw; font-size: 3.733vw; line-height: 2em;}
.box_location_now a {left: 5.33vw; width: 6.667vw; height: 6.667vw; transform: translateY(-50%); margin-top: 0;}
.box_location_now a:before {width: 4.8vw; height: 4.8vw; transform: translate3d(-50%, -50%, 0); margin: 0;}
.box_location_now .location_guide_wrap {display: none; position: absolute; top: 45px; left: 0; width: 100%; height: 85.5px; background: url('/cstatic/images/network/bg_notice_s.png') no-repeat; background-size: 1178.5px 85.5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
.box_location_now .location_guide_wrap .inner {position: relative; width: 100%; padding-top: 22.5px; text-align: center;}
.box_location_now .location_guide_wrap .inner .close {position: absolute; top: 14px; right: 20px; width: 25px; height: 25px; background: url('/cstatic/images/common/icon_all_s.svg') no-repeat -356.5px -114px; background-size: 400px 400px;}
.box_location_now .location_guide_wrap .inner span {display: inline; margin-top: 0;}

.list_form {margin-top: 6.667vw;}
.list_form > * {margin-top: 4.8vw; padding-left: 0;}
.list_form > * .txt_tit {position: relative; width: auto; font-size: 4.267vw; line-height: 1.3em; color: #222;}
.list_form > * .input_form,
.list_form > * .input_txt {margin-top: 1.6vw;}
.list_form > * .input_form input,
.list_form > * .input_form select {display: block; position: relative; width: 100%; height: 50px; padding: 10px 20px; border: 1px solid #666;font-family: 'HyundaiSansTextKRBold'; font-size: 16px; line-height: 28px; color: #222;}
.list_form > * .input_form select {background: #fff url(/cstatic/images/common/bg_selectbox-m.png) no-repeat; background-size: 16px auto; background-position: right 10px center; -webkit-appearance: none; appearance: none;}
.list_form > * .input_txt {display: block; padding: 10px 20px; background-color: #e8e8e8; font-family: 'HyundaiSansTextKRBold'; font-size: 16px; line-height: 30px; color: #666;}
.list_form > * .input_form.type_tel:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_form > * .input_form.type_tel > * {float: left; width: calc((100% - 16px) / 3); margin-left: 8px;}
.list_form > * .input_form.type_tel > *:first-child {margin-left: 0;}
.list_form_txt.type_1 {padding: 5.333vw 3.2vw;}
.list_form_txt.type_1 > li {margin-top: .8vw; padding-left: 4.267vw;}
.list_form_txt.type_1 > li.case_tit {font-size: 4.267vw;}
.box_my_info .list_form_txt.type_1 p,
.list_form_txt.type_1 p {font-size: 3.733vw;}
.box_inner .list_form_txt.type_1 > li .txt_tit,
.list_form_txt.type_1 > li .txt_tit {font-family: 'HyundaiSansTextKRRegular';}
.box_inner .list_form_txt.type_1 > li .txt,
.list_form_txt.type_1 > li .txt {margin-left: 4.267vw; font-family: 'HyundaiSansTextKRBold'; font-size: 3.733vw;}
.wrap_radio {margin-top: 2.133vw;}
.wrap_radio.type_1 > * {margin: 3.2vw 0 0 2.133vw;}
.wrap_radio.type_1.size_2 > * {width: calc((100% - 2.133vw) / 2);}
.wrap_radio.type_1.size_3 > * {width: calc((100% - 4.267vw) / 3);}
.wrap_radio.type_1.size_2 > *:nth-child(2n + 1),
.wrap_radio.type_1.size_3 > *:nth-child(3n + 1) {margin-left: 0;}
.wrap_radio.type_1 input[type="radio"] + label {height: 16.8vw; font-size: 3.733vw;}
.wrap_radio.type_1 input[type="radio"]:checked + label {border-color: #35719e; background-color: #35719e; color: #fff;}
.wrap_radio.type_1 input[type="radio"] + label:before,
.wrap_radio.type_1 input[type="radio"] + span:before {width: 3.467vw; height: 2.4vw; margin-right: 1.6vw;}

.wrap_textarea {margin-top: 3.2vw;}
.wrap_textarea .textarea_num {font-size: 2.667vw; line-height: 1.3em;}
.wrap_textarea textarea {font-size: 14px;}
.box_finish {margin-top: 60px;}
.box_finish:before {width: 65px; height: 65px; margin-bottom: 25px;}
.box_finish .txt {font-size: 28px;}
.box_finish + .btn_wrap {margin-top:55px;margin-bottom:0;} /* 210322 modify */

.box_img_color {max-height: 350px; height: 80.93vw; padding-top: 0;}
.box_img_color.type_repair {background-image: url(/cstatic/images/service-network/network-repair-m-bg.jpg); background-position: 50% 100%;}
.box_img_color .box_wrap {padding: 40px 10px 20px;}
.box_img_color .box_inner {width: 100%; height: 100%;}
.box_color {padding: 5%;}

.area_content.type_1 .box_img_color .h2_tit,
.box_img_color .h2_tit {font-size: 20px;}
.box_img_color .txt {margin-top: 16px; font-size: 14px;}
.box_img_color .btn_wrap {margin-top: 35px;}
.box_img_color .btn_wrap .btn {min-width: 180px; height: 40px; line-height: 38px;}
.box_color .btn_wrap .btn {min-width: 180px; height: 40px; line-height: 38px;}
.btn.line_white {padding-left: 20px; padding-right: 20px;}
.box_color {padding-top: 36px; padding-bottom: 40px;}
.area_content.type_1 .box_color .h2_tit {font-size: 20px;}
.box_color .txt {margin-top: 16px; font-size: 14px;}
.box_color .txt_list {margin-top: 10px; font-size: 12px;}
.box_color .btn_wrap {margin-top: 34px;}
.list_txt {margin-top: 5px;}
.list_txt li {margin-top: 6px; font-size: 14px;}
.list_txt.type_1 li {display: block; margin-left: 0;}
.list_txt li .txt_tit {min-width: 65px;}
.box_gray.type_4 {padding-left: 20px; padding-right: 20px;}
.area_content.type_1 .box_gray.type_4 .h3_tit,
.box_gray.type_4 .h3_tit {font-size: 20px;}
.box_gray.type_4 .txt {margin-top: 14px; font-size: 14px;}
.box_gray.type_4 .txt_link {margin-top: 14px; font-size: 14px;}
.box_gray.type_4 .txt_link a:after {top: 0; width: 5px; height: 5px;}
.box_float_mo {position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; margin-top: 0;}
.box_float_mo.type_repair a {width: 100%;}
.box_float_mo .btn_wide {margin-top: 0;}
.btn_wide {width: 100%; margin-top: 60px;}
.btn_wide.type_blue a {display: block; height: 60px; border: 1px solid #35719e; background-color: #fff; font-family: 'HyundaiSansTextKRBold'; font-size: 20px; line-height: 58px; color: #35719e; text-align: center;}

.list_form.type_1.size_2 > li,
.list_form.type_3 > li {display: block; height: auto; min-height: 0; margin-top: 6.667vw; padding: 0 5.33vw;}
.list_form.type_3 > li {margin-top: 4.8vw;}
.layer_alert .list_form.type_3 > li {padding: 0; text-align: left;}
.list_form.type_3 > li.type_textarea,
.list_form.type_3 .wrap_textarea {height: auto;}
.list_form.type_1 > li .txt_tit,
.list_form.type_3 > li .txt_tit,
.layer_alert .list_form.type_3 > li.type_textarea .txt_tit {display: block; position: relative; left: auto; width: auto; height: auto; font-size: 4.267vw;}
.layer_alert .list_form.type_1 {padding: 4vw 0;}
.layer_alert .list_form.type_1 > li .txt_tit {padding: 0; font-size: 3.467vw;}
.layer_alert .list_form.type_1 > li .input_form input[type=text],
.layer_alert .list_form.type_1 > li .input_form input[type=tel],
.layer_alert .list_form.type_1 > li .input_form select,
.layer_alert .list_form.type_1 > li .wrap_select.type_1 label {height: 10.667vw; padding-left: 3.2vw; line-height: 10.4vw;}
.list_form.type_1 > li .wrap_radio,
.list_form.type_3 > li .wrap_radio {display: block;}
.wrap_select.type_1 select,
.wrap_select.type_1 label,
.wrap_select.type_2 select,
.wrap_select.type_2 label,
.wrap_select.type_4 select,
.wrap_select.type_4 label,
.list_form.type_1 .input_form input[type=text],
.list_form.type_1 .input_form input[type=tel],
.list_form.type_1 .input_form select,
.list_form.type_1 .input_txt,
.list_form.type_3 .input_form input[type=text],
.list_form.type_3 .input_form input[type=tel],
.list_form.type_3 .input_form select,
.list_form.type_3 .input_txt,
.select_area.type_1 .select_wrap .btn_open,
.select_area.type_1 .input_wrap input[type=text],
.wrap_select.type_3 select,
.wrap_select.type_3 label,
.list_form.type_1 .wrap_form .input_form input[type=text] {height: 13.333vw; padding: 0 5.333vw; font-size: 4.267vw; line-height: 13.067vw;}
.select_area .select_wrap.ui_dropdown .btn_open,
.select_area .select_wrap.ui_dropdown.type_1 .btn_open {position: relative; width: 100%; height: 50px; border: 1px solid #222; padding: 14px 9.333vw 14px 2.133vw; background-image: none; background-color: #fff; font-size: 16px; font-family: 'HyundaiSansTextKRBold'; line-height: 23px; text-align: left; white-space: nowrap;}

.select_area .select_wrap.ui_dropdown .item_list {top: 50px;}
.select_area .select_wrap.ui_dropdown .item_list a {display: block; height: 50px; padding: 0 16px; border: 1px solid #222; background-color: #fff; font-size: 14px; line-height: 48px; text-decoration: none;}
.select_area .select_wrap.ui_dropdown .item_list .item.on a {border-color: #222; background-color: #fff; color: #35719E;}
.select_area .select_wrap.ui_dropdown .item_list .item {position: relative; margin-top: -2px;}

.select_area.type_1 .select_wrap .btn_open,
.select_area.type_1 .input_wrap input[type=text] {border: 1px solid #666;}
.select_area.type_1 .select_wrap .btn_open span,
.select_area.type_1 .select_wrap .btn_open .ico {display: none;}

.netwrok_wrap_kr.type_1 .worldmap_wrap .search_area .select_area .sorting_wrap .btn_open .ico,
.netwrok_wrap_kr.type_1 .worldmap_wrap .search_area .select_area .select_wrap .btn_open .ico {top: 50%; transform: translateY(-50%);}

.select_area .select_wrap.ui_dropdown .btn_open span {display: inline-block; padding-right: 8px; color: #666; font-size: 10px; font-family: 'HyundaiSansTextKRRegular'; line-height: 23px; vertical-align: top;}
.select_area.type_1 .select_wrap .btn_open:before {display: block; position: absolute; top: 50%; right: 4.267vw; width: 2.667vw; height: 2.667vw; -webkit-transform: translateY(-20%) rotate(45deg); transform: translateY(-20%) rotate(45deg); margin-top: -1.333vw; border-style: solid; border-width: 0 2px 2px 0; border-color: #666; /*background: url(/cstatic/images/estimate/icon_select_m.png) no-repeat; background-size: contain;*/ background-image: none; content: '';}
.select_area.type_1 .select_wrap.open .btn_open:before {-webkit-transform: translateY(20%) rotate(-135deg); transform: translateY(20%) rotate(-135deg);}
.select_area.type_1 .input_wrap input[type=text] {margin-top: 2.133vw;}
.wrap_radio.type_2 .box_wrap {width: 50%; margin-left: -1px; padding: 2.66vw; border:1px solid #d7d7d7;}
.wrap_radio.type_2 input + label {padding-top: 7.2vw; padding-left: 0; font-size: 3.733vw; text-align: center;}
.wrap_radio.type_2 input + label:before {width: 6.133vw; height: 6.133vw; margin-top: 0;}
.wrap_radio.type_2 input + label:before,
.wrap_radio.type_2 input + label:after {top: 0.333vw; left: 50%; transform: translateX(-50%);}
.wrap_radio.type_2 input + label:after {top: 1.875vw; width: 3.2vw; height: 3.2vw; margin-top: 0;}
.box_evaluate_form {margin-top: 10.133vw; padding-top: 0; border: none; text-align: left;}
.list_evaluate_form {margin-top: 4.8vw; padding: 6.4vw 2vw 6.933vw 6.933vw;}
.list_evaluate_form li .txt_tit {width: 23.2vw; font-size: 4.267vw;}
.list_evaluate_form .btn_star input[type=radio] + span {width: 9.333vw; padding-top: 7.467vw;}
.list_evaluate_form .btn_star input[type=radio] + span:before,
.list_evaluate_form .btn_star input[type=radio] + span:after {width: 9.333vw; height: 7.467vw;}

.list_form > li .txt_tit + .wrap_radio,
.list_form > li .txt_tit + .wrap_select {margin-top: 2.133vw;}
.list_form > * .input_form.type_tel > *:before {display: none;}
.txt_agree .chk_wrap label {min-height: 4.8vw; padding-left: 5.7vw; font-size: 3.733vw; line-height: 1.17em;}
.txt_agree .chk_wrap input + label:after {width: 4.8vw; height: 4.8vw;}
.chk_wrap input:checked+label:before {width: 3.2vw; height: 3.2vw;}
.txt_agree .chk_wrap input + label:before {top: 0.47vw; left: 0.47vw;}
.box_form_unit .txt_agree {margin: 7.4674vw 5.33vw 0 5.33vw;}
.box_form_unit.type_1 .txt_agree {margin: 7.4674vw 0 0;}
.box_form_unit .txt_agree .txt_link {display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-left: 0; text-align: right;}
.box_form_unit .txt_agree .txt_link a {font-size: 3.733vw;}
.box_form_unit .txt_agree .txt_link a:after {margin-left: 2px;}
.box_form_unit {padding: 5.067vw 0;}
.list_form.type_2 {margin-top: 0;}
.list_form.type_2 > li {margin-top: 4vw; padding: 0 5.33vw;}
.box_form_unit .wrap_radio {margin-top: 0;}
.wrap_radio.type_1.size_6 > * {width: calc((100% - 6.934vw) / 3); margin-left: 3.467vw; margin-top: 4vw;}
.wrap_radio.type_1.size_6 > *:nth-child(3n + 1) {margin-left: 0;}
.wrap_textarea,
li .wrap_textarea {padding: 5.33vw;}
li .wrap_textarea.type_1 {padding-bottom: 2.933vw;}
.wrap_textarea textarea,
li .wrap_textarea textarea,
.layer_alert .box_textarea .wrap_textarea textarea {font-size: 3.733vw;}
.layer_alert .box_textarea {margin: 0;}
.select_area.type_1,
.select_area.type_1.size_2 {margin: 5.33vw 2.666vw 0;}
.select_area.type_1.type_technology {margin-top: 10.667vw;}
.select_area.type_1.type_1_1.type_technology {margin-top: 3.2vw;}
.select_area.type_repair.type_1 {margin: 5.33vw 5.33vw 0;}
.box_form_unit .select_area.type_1 .select_wrap {width: calc((100% - 1.1vw) / 2); margin-left: 1.067vw;}
.box_form_unit .select_area.type_1 .select_wrap:first-child {margin-left: 0;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap.type_1:first-child,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap.type_1 + .sorting_wrap,
.select_area .select_wrap.ui_dropdown {display: block; width: 100%; margin: 0;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap.open {z-index: 130;}
.select_area .select_wrap.ui_dropdown span {display: inline-block;}
.select_area.size_2 .select_wrap + .select_wrap,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area.size_2 .select_wrap.type_1 + .sorting_wrap {margin-top: 8px;}
.select_area.type_1 .input_wrap {float: none; clear: both; width: 100%; margin-top: 2.133vw;}
.box_form_unit .btn_wrap {margin: 2.133vw 5.333vw 0;}
.box_form_unit .btn_wrap .btn {height: 13.333vw; min-width: 0; width: 100%; font-size: 3.733vw; line-height: 1.7857vw;}
.box_brand_info {margin-top: 4.8vw;}
.box_brand_info .txt_result {margin-left: 5.333vw; font-size: 3.733vw;}
.list_branch_info.type_1 {margin: 0.2vw 5.333vw 0; background-color: transparent;}
.list_branch_info.type_1 > li {margin-top: 0; padding: 5.6vw 0 4.8vw; background-color: transparent;}
.list_branch_info.type_1 > li .box_wrap {display: block; height: auto; min-height: 0; padding: 0;}
.list_branch_info .tit_branch {font-size: 4.267vw; line-height: 1.125em;}
.area_my_history .txt_my_car {font-size: 7.467vw; line-height: 1.3em;}
.area_my_history .txt_my_car span {display: block; margin-top: 2.133vw; font-size: 4.8vw;}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch,
.wrap_checkbox input[type=checkbox] + .label_txt {padding-left: 8vw; font-size: 3.733vw; line-height: 1.125em;}
.list_branch_info.type_1 > li .box_tit,
.list_branch_info.type_1 > li .list_map_info {float: none; width: 100%;}
.list_branch_info.type_1 > li .list_map_info {padding-left: 8vw;}
.list_branch_info.type_1 > li .list_map_info > li {font-size: 3.733vw;}
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch:before,
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] + .label_branch:after,
.wrap_checkbox input[type=checkbox] + .label_txt:before,
.wrap_checkbox input[type=checkbox] + .label_txt:after {width: 4.8vw; height: 4.8vw; transform: translateY(-50%); margin-top: 0; border-width: 1px;}
.list_branch_info.type_1 > li .txt_distance {position: absolute; top: 0; right: 0; width: auto; font-size: 3.733vw;}
.list_branch_info.type_1 > li .box_tit .txt_mark {margin-left: 2.933vw; padding: 0 1.067vw; font-size: 3.2vw; line-height: 1.66em;}
.box_form_unit .txt_explain {margin: 4.8vw; padding-left: 4vw; font-size: 3.733vw;}
.box_form_unit .box_select_date .txt_explain {margin-left: 0; margin-right: 0; margin-bottom: 0;}
.tbl_calendar thead th {height: 9.33vw; font-size: 3.2vw;}
.tbl_calendar td {height: 15.733vw;}
.tbl_calendar td p,
.tbl_calendar td .txt_choice,
.tbl_calendar td input[type=radio] + span {height: 15.733vw; font-size: 3.2vw;}
.tbl_calendar td input[type=radio] + span,
.tbl_calendar td p {padding: 1vw 1.333vw;}
.tbl_calendar td.type_today p:after {bottom: 1.33vw; right: 1.33vw; font-size: 3.2vw;}
.tbl_calendar td input[type=radio] + span:before,
.tbl_calendar td input[type=radio]:checked + span:after {display: none;}
.tbl_calendar td.type_today p {border-width: 1px;}
.tbl_calendar td .type_night_off {bottom: 1vw; right: 1.33vw; width: 1.867vw; height: 3.2vw;}
.tbl.type_3 tbody th,
.tbl.type_3 tbody td {padding: 13px 12px; font-size: 12px;}
.box_select_date {margin: 6.667vw 5.333vw;}
.box_select_date .h3_tit {font-size: 4.267vw;}
.box_select_date .tit_branch {margin-top: 2.4vw; font-size: 3.733vw;}
.box_select_date .box_unit {float: none; width: 100%; margin-left: 0; margin-top: 4.533vw;}
.box_select_date .wrap_radio {height: 33.333vw; min-height: 0; padding: 3.2vw 1.067vw;}
.box_select_date .wrap_radio input[type="radio"] + span {height: 11.467vw; font-size: 3.733vw;}
.wrap_radio.type_1 input[type="radio"] + label,
.wrap_radio.type_1 input[type="radio"] + span {padding-left: 0; padding-right: 0;}
.box_select_date .wrap_radio.type_1 {margin-top: 2.133vw;}
.box_select_date .wrap_radio.type_1.size_3 > *,
.box_select_date .wrap_radio.type_1.size_3 > *:first-child,
.box_select_date .wrap_radio.type_1.size_2 > *:nth-child(2n + 1),
.box_select_date .wrap_radio.type_1.size_3 > *:nth-child(3n + 1) {margin: 1.067vw 0.533vw;}
.box_select_date .wrap_radio > .txt_no_date,
.box_select_date .wrap_radio.size_3 > .txt_no_date {font-size: 3.733vw;}
.box_select_date + .list_form {margin-top: 6.667vw; padding: 0; border: none;}
.box_select_date + .list_form .list_form.type_1.size_2 > li {margin-top: 0;}
.box_select_date + .list_form.type_1 > li .txt_tit {font-family: 'HyundaiSansTextKRRegular'; font-size: 4.267vw;}
.area_estimate.type_repair.scrolled {padding-top: 78px;}
.type_inner.layer_stipulation .box_inner {width: calc(100% - 20px); padding: 16.8vw 5.333vw 16vw;}
.area_content.type_1 .h2_tit,
.area_content.type_1 .h3_tit {font-size: 7.467vw; line-height: 1.3em;}
.area_content.type_1 .h3_tit.type_2 {font-size: 5.333vw;}
.h2_tit + .list_order_txt.type_1 {margin-top: 10.4vw;}
.list_order_txt.type_1 > li {margin-top: 6.9vw; font-size: 4.267vw;}
.list_order_txt.type_1 > li .list_dot li {font-size: 4.267vw;}
.area_estimate.type_repair .step_estimate .tit_estimate .txt {width: 23vw;}
.area_estimate.type_repair .step_estimate .tit_estimate .txt .tit {min-width: 23vw;}
.area_estimate.type_repair .step_estimate .tit_estimate .txt_content {padding-left: 27vw;}
.layer_alert.type_estimate .box_inner,
.layer_alert .box_inner.type_1 {font-size: 4.267vw;}
.box_explain.type_1 {margin-top: 10.66vw; padding: 0 10px; background-color: transparent;}
.box_explain.type_1.type_1_1 {padding: 4.267vw 5.333vw; background-color: #f8f8f8;}
.box_explain.type_1 .list_dot {margin-top: 2.667vw;}
.box_explain.type_2 {margin-top:12px;padding:15px 30px 30px 30px;background-color:#f6f3f2;}/* 210824 add */
.area_estimate.type_repair {margin-bottom: 0; padding-bottom: 0;}
.area_content.type_1 .catalog,
.area_tab.type_1 .catalog {margin-top: 10.133vw;}
.btn_wrap.type_3 .btn.type_1 {min-width: 0; width: 100%;}
.select_area.type_technology .select_wrap {min-width: 0;}
/* 210712 add : 웹접근성 */
.list_branch_info.type_1 > li .tit_branch input[type=checkbox] {opacity:0;width: 4.8vw; height: 4.8vw;}/* 210713 modify */
.step_estimate .tbl_calendar td input[type=radio] {top:0;left:0;width:100%;height: 15.733vw}
.box_select_date input[type=radio] {left:0;width:100%;height:11.467vw;}
/* //210712 add : 웹접근성 */

/* 211202 add */
.area_estimate .area_agreement {margin:38px 0 0;padding:0 5.33vw;}
.area_estimate .area_agreement .h4_tit {font-size:16px;}
.area_estimate .area_agreement .agreement {margin-top:0;border:none;}
.area_estimate .area_agreement .agreement dt {margin:38px 0 12px;padding:0;font-size:14px;line-height:18px;}
.area_estimate .area_agreement .agreement dt:first-child {margin-top:10px;padding-top:0;}
.area_estimate .area_agreement .agreement dt.tit_choice {position:relative;height:40px;}
.area_estimate .area_agreement .agreement dt.tit_choice .indent {display:block;position:absolute;top:0;left:40px;}
.area_estimate .area_agreement .agreement dd .txt_explain {margin:20px 0;font-size:3.73vw;letter-spacing:normal;}
.area_estimate .area_agreement .agreement dd table .col {width:33% !important;}
.area_estimate .area_agreement .agreement dd .tb_black.center td {padding:18px 2.4vw;line-height:1.5em;}
.area_estimate .area_agreement .agreement dd .agree_check {line-height:23px;}
.area_estimate .area_agreement .agreement dd .agree_check,
.area_estimate .area_agreement .agreement dd .marketing_check {display:block;padding:16px 11px;border:none;background-color:#f8f8f8;text-align:center;}
.area_estimate .area_agreement .agreement dd .chk_txt {display:inline-block;width:100%;margin-bottom:13px;font-size:14px;line-height:23px;}
.area_estimate .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:24px;line-height:24px;}
.area_estimate .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:15px;}
.area_estimate .area_agreement .agreement dd .chk_wrap input:checked + label:before {left:6px;width:12px;height:12px;margin:-6px 0 0;}
.area_estimate .area_agreement .agreement dd .chk_wrap label {min-height:24px;padding:0 0 0 33px;font-size:14px;line-height:24px;}
.area_estimate .area_agreement .agreement dd .chk_wrap input+label:after {width:24px;height:24px;}

.area_my_history .area_agreement {margin:28px 0 35px;padding:15px 0 0;border-top:1px solid #d0d0d0;border-bottom:none;}
.area_my_history .area_agreement .agreement {margin-top:0;border:none;}
.area_my_history .area_agreement .agreement dt {margin:38px 0 12px;padding:0;font-size:16px;line-height:18px;}
.area_my_history .area_agreement .agreement dt:first-child {margin-top:10px;padding-top:0;}
.area_my_history .area_agreement .agreement dd .txt_explain {margin:20px 0;font-size:3.73vw;letter-spacing:normal;}
.area_my_history .area_agreement .agreement dd table .col {width:33% !important;}
.area_my_history .area_agreement .agreement dd .tb_black.center td {padding:18px 2.4vw;line-height:1.5em;}
.area_my_history .area_agreement .agreement dd .agree_check {display:block;padding:16px 11px;border:none;background-color:#f8f8f8;line-height:23px;text-align:center;}
.area_my_history .area_agreement .agreement dd .chk_txt {display:inline-block;width:100%;margin-bottom:13px;font-size:14px;line-height:23px;}
.area_my_history .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:24px;line-height:24px;}
.area_my_history .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:15px;}
.area_my_history .area_agreement .agreement dd .chk_wrap input:checked + label:before {left:6px;width:12px;height:12px;margin:-6px 0 0;}
.area_my_history .area_agreement .agreement dd .chk_wrap label {min-height:24px;padding:0 0 0 33px;font-size:14px;line-height:24px;}
.area_my_history .area_agreement .agreement dd .chk_wrap input+label:after {width:24px;height:24px;}

.layer_alert.layer_login_agree .box_inner {width:calc(100% - 20px);}
.layer_alert.layer_login_agree .area_agreement {margin-bottom:25px;}
.layer_alert.layer_login_agree .area_agreement .agreement dt {margin:38px 0 12px;padding:0;font-size:16px;line-height:18px;}
.layer_alert.layer_login_agree .area_agreement .agreement dt:first-child {margin-top:10px;padding-top:0;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .txt_explain {margin:20px 0;font-size:3.73vw;letter-spacing:normal;}
.layer_alert.layer_login_agree .area_agreement .agreement dd table .col {width:33% !important;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .tb_black.center td {padding:18px 2.4vw;line-height:1.5em;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .agree_check {line-height:23px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .agree_check,
.layer_alert.layer_login_agree .area_agreement .agreement dd .marketing_check {display:block;padding:16px 11px;border:none;background-color:#f8f8f8;text-align:center;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_txt {display:inline-block;width:100%;margin-bottom:13px;font-size:14px;line-height:23px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap {display:inline-block;position:relative;height:24px;line-height:24px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap + .chk_wrap {margin-left:15px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input:checked + label:before {left:6px;width:12px;height:12px;margin:-6px 0 0;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap label {min-height:24px;padding:0 0 0 33px;font-size:14px;line-height:24px;}
.layer_alert.layer_login_agree .area_agreement .agreement dd .chk_wrap input+label:after {width:24px;height:24px;}
/* //211202 add */

/* 220104 add */
.layer_alert.layer_login_join .box_inner {width:calc(100% - 20px);padding:53px 20px 40px;}
.layer_alert.layer_login_join .h2_tit {margin-bottom:0;font-size:20px;}
.layer_alert.layer_login_join .stxt {margin-bottom:20px;font-size:14px;line-height:21px;}
.layer_alert.layer_login_join .list_btn > li {display:block;margin-left:0;}
.layer_alert.layer_login_join .list_btn > li.type_close {margin-top:8px;}
.layer_alert.layer_login_join .list_btn li .btn {width:100%;}
/* //220104 add */

/* 220228 add 767 */
.layer_alert.layer_chk_day .in_box {width:calc(100% - 20px);padding:53px 10px 40px;}
.layer_alert.layer_chk_day .cont_box {padding:53px 20px 40px;}
.layer_alert.layer_chk_day .h2_tit {margin-bottom:15px;font-size:20px;line-height:30px;} /* 220322 modify : 로그인 화면 내 팝업 문구 수정 */
.layer_alert.layer_chk_day .stxt {margin-bottom:20px;font-size:14px;line-height:21px;}
.layer_alert.layer_chk_day .chk_wrap label {padding-left:42px; line-height:30px; font-size:16px;}
.layer_alert.layer_chk_day .chk_wrap input+label:after {content:''; position:absolute; left:0; top:0; width:30px; height:30px; border:1px solid #bbb; border-radius:0; background-color:#fff; zoom:1;}
.layer_alert.layer_chk_day .chk_wrap input:checked+label:after {border-color:#35719e; border-radius:0;}
.layer_alert.layer_chk_day .chk_wrap input:checked+label:before {content:''; position:absolute; left:0; top:0; z-index:2; width:20px; height:20px; margin:5px; background:url(/cstatic/images/common/icon_checked.png) no-repeat center center; background-size:cover; zoom:1;}
.layer_alert.layer_chk_day .btn_close_img {width:40px; height:40px;}
.layer_alert.layer_chk_day .btn_close_img button {position:relative; width:40px; height:40px;}
.layer_alert.layer_chk_day .btn_close_img button:after {content:''; position:absolute; top:0; left:0; width:40px; height:40px; background:url(/cstatic/images/common/img_footer_s.svg) no-repeat -40px 8px; background-size:400px 400px;}
/* //220228 add */

.area_service_network {margin-bottom: 0; padding-left: 0; padding-right: 0;}
.area_service_network .box_tit {margin-top: 6.933vw;}
.box_evaluate {height: 34.667vw; margin: 6.2vw 2.667vw 0;}
.box_evaluate:before {width: 1px; height: 56%; margin-top: 0; transform: translateY(-50%);}
.box_evaluate .box_point .txt_point {font-size: 6.4vw;}
.box_evaluate .box_point .txt_point .tit_tag {padding: 0 1.067vw; font-size: 3.2vw; line-height: 5.333vw;}
.box_evaluate .box_point .branch_star_point {width: 30vw; margin-top: 1.6vw; padding-top: 4.8vw;}
.box_evaluate .box_point .branch_star_point .point,
.box_evaluate .box_point .branch_star_point:before {height: 4.8vw;}
.box_evaluate .box_point .branch_star_point:before,
.box_evaluate .box_point .branch_star_point .point {background-size: 6vw 4.8vw;}
.box_evaluate .txt_num {margin-top: 1.6vw; font-size: 3.2vw;}
.list_evaluate li {margin-top: 3.733vw;}
.list_evaluate .txt_tit {width: 12.267vw; font-size: 3.2vw;}
.list_evaluate .txt_point .txt {width: 5.067vw; padding-top: 4vw;}
.list_evaluate .txt_point .point,
.list_evaluate .txt_point .base_point {margin-left: .0533vw; font-size: 3.733vw;}
.link_exclusive {margin-top: 7.2vw; text-align: center;}
.link_exclusive .txt_exclam {float: none; width: 100%; font-size: 3.723vw; line-height: 1.64em;}
.link_exclusive .txt_exclam:before {display: inline-block; position: relative; top: -1px; width: 4.533vw; height: 4.533vw; margin-right: 3px; font-size: 3.467vw; line-height: 4.267vw;}
.link_exclusive .btn_exclusive {float: none; margin-top: 4vw;}
.link_exclusive .btn_exclusive .btn {height: 40px; font-size: 14px; line-height: 38px;}
.area_service_network .box_swipe {margin-top: 7.467vw;}
.area_service_network .mobile_btns {display: none;}
.area_service_network .type_gallery .ui_carousel_list {margin-top: 0;}
.list_branch_box > li {margin-left: 20px;}
.area_branch_info {margin: 7.2vw 2.667vw 0; padding: 0; background-color: transparent;}
.box_branch_info.type_1 {padding-bottom: 14.667vw;}
.box_branch_info.type_1 > .box_wrap.type_1,
.box_branch_info.type_1 > .box_wrap {display: block; float: none; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0;}
.box_branch_info.type_1 > .box_wrap .map_wrap {height: 60vw;}
.box_branch_info.type_1 .list_map_info {margin: 0; padding: 0 2.667vw;}
.area_branch_info .list_map_info.type_2 > li {margin-top: 3.733vw; font-size: 3.733vw;}
.area_branch_info .list_map_info.type_2 > li .txt_tit {width: 22.4vw;}
.box_branch_info.type_1 .list_branch_util {position: static; bottom: auto; border: none;}
.box_branch_info.type_1 .list_branch_util li {display: none;}
.box_branch_info.type_1 .list_branch_util li.type_location {display: block; position: absolute; bottom: 0; left: 0; width: 100%; width: 100%;}
.list_branch_util li a {height: 14.667vw; background-color: #f8f8f8; font-size: 4.267vw; line-height: 14.667vw;}
.area_branch_info .list_branch_util li.type_location a:before {display: none;}
.area_review {position: relative; margin-top: 7.467vw;}
.area_review .h2_tit {font-size: 5.3867vw; text-align: left;}
.area_review .box_float {position: static; margin-top: 5.0674vw;}
.area_review .box_float .wrap_select {position: absolute; top: 0; right: 0;}
.area_review .box_float .case_right {position: relative; top: auto; right: auto; transform: translateY(0); width: 100%;}
.area_review .box_float .case_right .btn {width: 100%; height: 50px; font-size: 14px; line-height: 50px;}
.list_review {border-top: none; margin-top: 0;}
.list_review > li {padding: 6.933vw 0 0;}
.list_review .box_name {position: relative;}
.list_review .branch_star_point {padding-top: 4.267vw;}
.list_review .box_name .txt_name {min-width: 8.7vw; font-size: 3.733vw; line-height: 4.267vw}
.list_review .branch_star_point {width: 23.335vw;}
.list_review .branch_star_point .point,
.list_review .branch_star_point:before {height: 4.267vw;}
.list_review .branch_star_point:before,
.list_review .branch_star_point .point {background-size: 4.667vw 4.267vw;}
.list_review .tit_tag {position: absolute; top: 0; right: 0; margin-left: 0; padding: 0 1.333vw; font-size: 3.2vw; line-height: 5.333vw;}
.list_review .box_story {margin-top: 4vw; margin-bottom: 0; padding-right: 0; font-size: 3.733vw; line-height: 5.6vw;}
.list_review .box_etc {position: relative; top: auto; margin-top: 4.8vw; margin-bottom: 6.444vw; text-align: left;}
.list_review .box_date {font-size: 3.733vw;}
.list_review .box_date .txt_write {margin-left: 1.857vw; padding-left: 2.133vw;}
.list_review .box_date .txt_write:before {height: 3.2vw; margin-top: 0; transform: translateY(-50%);}
.list_review .box_btn {flex-direction: row; margin-top: 4vw;}
.list_review .btn_del {margin-left: 0;}
.list_review .btn_del .sbtn {width: 21.333vw; padding: 0 5.067vw; border-width: 1px; font-family: 'HyundaiSansHeadKRBold'; font-size: 3.733vw; line-height: 8.8vw;}
.list_review .btn_del .sbtn:before {width: 3.2vw; height: 3.2vw;}
.list_review .txt_condition {margin-left: 3.2vw; font-size: 3.733vw;}
.list_review .box_reply {padding: 5.333vw 6.444vw 5.067vw 9.067vw;}
.list_review .box_reply .txt_name {font-size: 3.733vw;}
.list_review .box_reply .txt_name:before {position: absolute; left: -5.6vw; top: 0; width: 2.667vw; height: 2.933vw; margin-right: 0;}
.list_review .box_reply .txt_reply {margin-top: 1.867vw; font-size: 3.733vw;}
.list_review .box_reply .list_btn > li {display: inline-block;}
.list_review .box_reply .list_btn > li button {font-size: 3.2vw;}
.list_review .box_reply .list_btn {top: 5.333vw; right: 6.444vw;}
.list_review .box_reply .list_btn li:before {height: 2.933vw;}
.list_review .box_reply .list_btn li button {padding: 0 2.133vw;}
.list_btn_bot {display: -webkit-flex; display: flex; position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%;}
.list_btn_bot li {width: 50%; flex: 50%;}
.list_btn_bot li a,
.list_btn_bot li button {display: block; width: 100%; height: 16vw; background-color: #fff; font-family: 'HyundaiSansTextKRBold'; font-size: 5.333vw; text-align: center;}
.list_btn_bot li a:before,
.list_btn_bot li button:before {display: inline-block; width: 4.267vw; height: 4.267vw; margin-right: 1.867vw; background-repeat: no-repeat; background-size: contain; vertical-align: middle; content: '';}
.list_btn_bot li .type_tel {border: 1px solid #35719e; line-height: 15.733vw; color: #35719e;}
.list_btn_bot li .type_booking {background-color: #002c5f; color: #fff; line-height: 16vw;}
.list_btn_bot li .type_tel:before {background-image: url(/cstatic/images/common/icon_call_1.png);}
.list_btn_bot li .type_booking:before {background-image: url(/cstatic/images/common/icon_repair.png);}
.list_review .box_comment {display: block; padding: 6.4vw 2.667vw;}
.list_review .box_comment .wrap_textarea {width: 100%; height: 48vw; border-width: 1px;}
.list_review .box_comment .wrap_textarea textarea {height: 90%;}
.list_review .box_comment .btn_comment {width: 100%; margin-top: 2.133vw;}
.list_review .box_comment .btn_comment button {width: 100%; height: 10.667vw; font-size: 3.733vw;}

.area_tab.type_1 {margin-top: 0;}
/*.tab_wrap.type_1 .tab_depth1 {visibility: visible; opacity: 1; position: relative; top: auto; right: auto; left: auto; margin-left: 0; margin-right: 0; border-bottom: 1px solid #d0d0d0;}*/
/*.tab_wrap.type_1 .tab_depth1 .tab_list {float: left;}
.tab_wrap.type_1.col2 .tab_depth1 .tab_list {width: 50%;}*/
.tab_wrap.type_1 .tab_depth1 {margin-left: 2.667vw; margin-right: 2.667vw;}
.tab_wrap.type_1 .tab_depth1 .tab_link {height: 50px; margin: 0; padding-left: 20px; border: 1px solid #222; background-color: #fff; font-size: 16px; line-height: 50px; text-align: left; color: #222;}
.tab_wrap.type_1 .tab_depth1 .tab_list {margin-top: -1px;}
/*.tab_wrap.type_1 .tab_depth1 .tab_link:after {display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #35719e; content: '';}*/
.tab_wrap.type_1 .tab_depth1 .tab_list.on .tab_link {font-family: 'HyundaiSansHeadKRBold'; color: #35719e;}
/*.tab_wrap.type_1 .tab_depth1 .tab_list.on .tab_link:after {display: block;}*/
.area_content.type_1 .h2_tit.type_4 {font-size: 5.333vw;}
.area_content.type_1 .h4_tit.type_2 {font-size: 4.8vw; line-height: 1.5em;}
.area_content.type_1 .h4_tit.type_5 {font-size: 4.8vw;}
.h4_tit.type_5 + .tb_row {margin-top: 2.133vw;}
.tab_wrap .btn_open.type_1 {margin: 10.667vw 2.667vw 0;}
.tab_wrap.type_1 .btn_open .tab_open:after {display: block; position: absolute; top: 50%; right: 4.267vw; width: 2.667vw; height: 2.667vw; -webkit-transform: translateY(-30%) rotate(45deg); transform: translateY(-30%) rotate(45deg); margin-top: -1.333vw; border-style: solid; border-width: 0 2px 2px 0; border-color: #666; /*background: url(/cstatic/images/estimate/icon_select_m.png) no-repeat; background-size: contain;*/ background-image: none; content: '';}
.tab_wrap.type_1.tab_open .btn_open .tab_open:after {-webkit-transform: translateY(30%) rotate(-135deg); transform: translateY(30%) rotate(-135deg);}

.area_content .catalog.type_1 {margin-left: 0; margin-right: 0; margin-bottom: 0;}
.area_content .catalog.type_video {margin-left: 2.667vw; margin-right: 2.667vw;}
.catalog.type_1 .uiProductExpander.type_1 {margin-top: 5.867vw;}
.uiProductExpander.type_video {padding: 0;}

.catalog.type_1 ul.uiProductExpander:not(.type_line) {margin-top: 0;}
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(1),
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(2),
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(3),
.catalog.type_1 ul.uiProductExpander:not(.type_line) > li:nth-child(4) { margin-top: 6.4vw;}
.catalog.type_1 .uiProductExpander.type_video.type_1 > li {width: calc((100% - 2.667vw) / 2); margin-left: 2.667vw; margin-top: 6.4vw;}
.catalog.type_1 .uiProductExpander.type_video.type_1 > li:nth-child(odd) {margin-left: 0;}
.catalog.type_1 .uiProductExpander.type_video.type_1 > li a {margin-top: 0;}
.catalog.type_1 .uiProductExpander.type_video.type_1 > li:nth-child(1),
.catalog.type_1 .uiProductExpander.type_video.type_1 > li:nth-child(2),
.uiProductExpander.type_1 > li:nth-child(1),
.uiProductExpander.type_1 > li:nth-child(2) {margin-top: 0;}
.uiProductExpander.type_1 > li:nth-child(2n + 1) {clear: both; margin-left: 0;}
.uiProductExpander.type_1 > li > a,
.uiProductExpander.type_1 > li .txt {min-height: 11.733vw; margin-top: 2.933vw; padding: 0; font-size: 3.733vw;}
.catalog.type_1 ul li .lay_wrap.catalog_multi {min-height:0;}
.catalog.type_1 .rows + .h2_tit {margin-top: 4.8vw;}
.uiProductExpander.type_video > li a .img_wrap:before {width: 8.267vw; height: 8.267vw; transform: translate3d(-50%,-50%,0); margin: 0;}
.uiProductExpander.type_video > li a .img_wrap:after {transform: translate3d(-40%,-50%,0); margin: 0; border-left-width: 2.267vw; border-top-width: 1.133vw; border-bottom-width: 1.133vw}
.txt_box_float {display: -webkit-flex; display: flex;}
.txt_box_float .case_left,
.txt_box_float .case_right {flex-grow: 1; align-self: center; margin-top: 0 !important;}
.txt_box_float .case_left {text-align: left;}
.txt_box_float .case_right {text-align: right;}
.catalog.type_1 ul li .lay_wrap.catalog_multi .down_wrap {min-height: 0; height: auto;}
.catalog.type_1 ul li .lay_wrap .down_wrap .pos_wrap {padding: 10.667vw 0;}
.catalog.type_1 ul li .lay_wrap .down_wrap .pos_wrap.type_camera {padding: 7.467vw 2.667vw;}
.catalog.type_1 ul li .lay_wrap .down_wrap .download .pic_sec {padding-top: 0;}
.catalog.type_1 ul li .lay_wrap .btn_close button:before,
.catalog.type_1 ul li .lay_wrap .btn_close button:after {position: absolute; top: 50%; left: 50%; width: 1px; height: 28px; background-color: #222; background-image: none; content: '';}
.catalog.type_1 ul li .lay_wrap .btn_close button:before {transform: translateY(-50%) rotate(45deg);}
.catalog.type_1 ul li .lay_wrap .btn_close button:after {transform: translateY(-50%) rotate(-45deg);}
.uiProductExpander.type_1 > li > a:after {bottom: -40px;}
.area_img_explain {padding-left: 2.667vw; padding-right: 2.667vw; padding-bottom: 16vw;}
.txt_wrap {font-size: 3.733vw; line-height: 1.5em; color: #000;}/* 230210 edit */
.txt_wrap .txt + .txt {margin-top: 5.333vw;}
.list_num {counter-reset: li;}
.list_num li {position: relative; padding-left: 10px; font-size: 3.733vw; line-height: 1.6em; color: #666;}
.list_num li:before {display: block; position: absolute; top: 0; left: 0; content: counter();}
.area_img_explain:before {padding-top: 62.5%;}
.area_img_explain.type_part_price_1:before {background-image: url(/cstatic/images/service/img_part_price_1_m.jpg);}
.area_img_explain.type_part_price_2:before {background-image: url(/cstatic/images/service/img_part_price_2_m.jpg);}
.area_img_explain.type_part_network:before {background-image: url(/cstatic/images/service-network/img_part_network_m.jpg);}
.txt.type_4 {margin-top: 1.333vw; font-size: 3.733vw;}
.area_content.type_1 .h3_tit.type_3_1 {font-size: 5.333vw;}
.list_gray_info {margin-left: 2.667vw; margin-right: 2.667vw;}
.list_gray_info.size_2 > li,
.list_gray_info.size_2:first-child > li,
.list_gray_info.size_2:nth-child(1) > li,
.list_gray_info.type_btn > li {float: none; width: 100%; margin-left: 0; margin-top: 4.267vw; padding: 6.933vw 5.333vw 7.467vw;}
.list_gray_info.type_btn .btn.type_tel {position: relative; bottom: auto; left: auto; width: 100%;}
.list_gray_info > li > .txt {margin-top: 2.4vw; font-size: 3.733vw;}
.list_gray_info .btn_wrap {margin-top: 4vw;}
.list_gray_info .list_info {min-height: 0; margin-top: 4vw;}
.area_content.type_1 .list_info > li,
.list_info_sub > li {font-size: 3.733vw;}
.area_content.type_1 .list_info > li > .txt_tit {width: 20vw;}
.list_info_sub > li > .txt_tit {width: 24.667vw;}
.btn.type_tel {font-size: 3.733vw;}
.btn.type_tel:before {width: 3.467vw; height: 3.467vw;}
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap .item_list li,
.netwrok_wrap_kr .worldmap_wrap .search_area.type_1 .select_area .sorting_wrap .item_list.size_4 li {float: none; width: 100%;}
.tb_row th,
.tb_row td {padding: 2.667vw 3.2vw;}
.tb_black {font-size: 3.2vw; line-height: 1.5em;}
.txt_explain.type_1 {font-size: 3.733vw;}
.txt_explain.type_5 {padding-left: 3.467vw; font-size: 3.2vw; line-height: 1.5em; color: #666;}
.netwrok_wrap_kr .worldmap_wrap .header .s_tit.type_1 {margin-top: 2.133vw; font-size: 3.733vw;}
.box_no_history {min-height: 0; padding: 10.667vw 0;}
.box_no_history .txt {font-size: 3.733vw;}
.box_no_history:before {width: 16.8vw; height: 16.8vw; margin-bottom: 4.533vw;}
/* 200224 add */
.box_no_history .box_no_notice {width:90%; padding:30px 20px;}
.box_no_history .box_no_notice .h3_tit:before {top:1px;}
.box_no_history .box_no_notice p {font-size:14px; margin-top:14px;}
.area_content .box_no_history .box_no_notice .h3_tit.type_3_1 {font-size:18px;}
.area_my_history.top .box_no_history{width:90%; margin:0 auto;} 
.area_my_history.top .box_no_history .box_no_notice {width:100%;} 
/* //200224 add */

.netwrok_wrap_kr .worldmap_wrap.type_1 {padding-bottom: 7.4674vw;}
.list_my_history > li {display: block; height: auto; padding: 6.133vw 5.333vw;}
.list_my_history > li .txt_case {width: auto; font-size: 3.2vw;}
.list_my_history > li .box_name {display: block; margin-top: 3.467vw;}
.list_my_history > li .box_name .txt_name {font-size: 4.267vw;}
.list_my_history > li .box_name .txt_distance {margin-left: 2.667vw; font-size: 3.733vw;}
.list_my_history > li .wrap_txt_breakdown {margin-top: 1.333vw;}
.list_my_history > li .wrap_txt_breakdown > * {font-size: 3.733vw;}
.list_my_history > li .wrap_txt_breakdown .txt_branch {margin-left: 1.067vw; padding-left: 1.867vw;}
.list_my_history > li .wrap_txt_breakdown .txt_branch:before {height: 3.2vw;}
.list_my_history > li .wrap_txt_breakdown .btn_breakdown {display: block; margin-left: 0; margin-top: 1.867vw;}
.list_my_history > li .wrap_txt_breakdown .btn_breakdown a {font-size: 3.733vw;}
.list_my_history > li .box_etc {display: block; position: relative; width: auto; margin-top: 3.467vw; min-height: 4.26vw}
.list_my_history > li .txt_date {display: block; width: 17.067vw; font-size: 3.2vw; line-height: 4.26vw;}
.list_my_history .txt_condition {position: absolute; top: 0; left: 17.067vw; width: 12vw; height: 4.26vw; margin-left: 2.667vw; font-size: 2.933vw; line-height: 4.26vw;}
.list_my_history .btn_condition {display: block; margin-top: 5.333vw;}
.list_my_history .btn_condition.type_cancel button {display: block; width: 100%; height: 10.667vw; margin-left: 0; border: 1px solid #222; font-family: 'HyundaiSansTextKRBold'; font-size: 3.733vw; line-height: 10.4vw; text-align: center;}
.box_mycar_info {display: -webkit-box; display: flex; align-items: center; background-color: #f8f8f8;}
.box_mycar_info:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.box_mycar_info .img_car {width: 50%;}
.box_mycar_info .box_info {width: 50%; padding: 0 56px;}
.list_map_info.type_3 {margin-top: 22px;}
.list_map_info.type_3 > li {position: relative; margin-top: 15px; padding-left: 110px; font-size: 18px; line-height: 1.5em; color: #666;}
.list_map_info.type_3 > li:first-child {margin-top: 0;}
.list_map_info.type_3 > li .txt_tit {position: absolute; top: 0; left: 0; width: 110px; font-family: 'HyundaiSansTextKRBold'; color: #222;}
.list_map_info.type_3 > li .txt_sub_1 {display: inline-block; position: relative; margin-left: 7px; padding-left: 10px; vertical-align: top;}
.list_map_info.type_3 > li .txt_sub_1:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d0d0d0; content: '';}
.list_map_info.type_3 > li .txt_sub_1:first-child {margin-left: 0; padding-left: 0;}
.list_map_info.type_3 > li .txt_sub_1:first-child:before {display: none;}
.list_map_info.type_3 > li .txt_sub_2 {display: block; margin-top: 3px;}
.btn.large {height: 10.667vw; line-height: 10.4vw;}
.btn i.ico.more {margin-left: 0;}
.btn i.ico.more:after {transform: translate3d(-45%, -75%, 0) rotate(45deg); width: 2vw; height: 2vw;}
.box_mycar_info {display: block;}
.box_mycar_info .img_car {width: 100%;}
.box_mycar_info .box_info {width: 100%; padding: 6.933vw 5.333vw;}
.list_map_info.type_3 {margin-top: 3.2vw;}
.list_map_info.type_3 > li {margin-top: 1.067vw; padding-left: 21.3vw; font-size: 3.733vw;}
.list_map_info.type_3 > li .txt_tit {width: 21.3vw; font-size: 3.733vw;}
.list_map_info.type_3 > li .txt {font-size: 3.733vw;}
.list_map_info.type_3 > li .txt_sub_1 {margin-left: 1.333vw; padding-left: 2.133vw;}
.list_map_info.type_3 > li .txt_sub_1:before {height: 3.2vw;}
.list_map_info.type_3 > li .txt_sub_2 {display: block; margin-top: 0;}

.box_breakdown {display: block; margin-top: 5.333vw; padding: 5.067vw 5.333vw;}
.area_content.type_1 .box_breakdown .h3_tit,
.box_breakdown .h3_tit {margin-right: 0; font-size: 4.267vw;}
.box_breakdown .list_dot.type_1_1 {margin-top: 1.867vw;}
.list_dot.type_1_1 > li {margin-top: 0; padding-left: 1.6vw; font-size: 3.733vw;}
.txt_explain.type_3 {padding-left: 4.267vw; font-size: 3.733vw;}
.box_breakdown + .txt_explain {margin-top: 2.667vw;}
.btn_wrap.type_4 {margin-top: 10.667vw;}
.box_breakdown.size_2 + .btn_wrap.type_4 {margin-top: 7.767vw;}
.btn.type_full {width: 100%;}
.h2_tit.type_3 {font-size: 6.4vw;}
.list_btn li .btn {width: 100%; height: auto; font-size: 3.6vw; line-height: 3.2em;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap {position: relative; left: auto; right: auto; text-align: center;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap .btn.btn_sm,
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap .btn {display: inline-block; min-width: 0;}
.btn_step button {line-height: 12vw;}
.box_no_history .btn {min-width: 41.6vw;}
.txt_exclam,
.txt_exclam.type_1 {padding-left: 5.067vw; font-size: 3.733vw;}
.txt_exclam.type_1 {padding-left: 6.667vw;}
.txt_exclam:before {display: inline-block; position: relative; top: auto; width: 4.533vw; height: 4.533vw; margin-right: 1.333vw; font-size: 3.2vw; line-height: 4.267vw; vertical-align: middle;}
.txt_exclam.type_1:before {display: block; position: absolute; top: 0; left: 0; width: 4.533vw; height: 4.533vw; margin-right: 1.333vw; font-size: 3.2vw; line-height: 4.267vw; vertical-align: middle;}
.box_no_history .txt_exclam {margin-top: 7.467vw; /*padding-left: 0;*/}
.box_mo_wrap {margin: 0 2.667vw;}
.area_content.type_1 .btn_arrow.type_1 {font-size: 3.733vw;}
.area_content.type_1 .btn_arrow.type_1:after {width: 1.867vw; height: 1.867vw; border-width: 1px 1px 0 0;}
.area_my_history .box_mo_wrap .h2_tit.type_2 {font-size: 5.333vw;}
.box_float.type_2 + .box_my_info {margin-top: 2.933vw;}
.box_my_info .txt_no_date {padding: 5.067vw 0; font-size: 3.733vw;}
.box_float.type_2 {margin-top: 10.4vw;}
.txt_explain.type_4 {margin-top: 4.267vw; padding-left: 4vw; font-size: 3.733vw;}
.layer_alert .list_btn > li {display: inline-block; float: none; margin-left: 1.333vw;}
.layer_alert .btn,
.layer_alert .list_btn li .btn {min-width: 0; width: 32vw; height: 10.667vw; line-height: 10.667vw;}
.layer_alert.Advertising_agree .btn { width: 40vw; height: 55px;} /* 200629 add */
.box_list_form .txt_essential {font-size: 4.267vw;}
.box_list_form .txt_essential:before,
.icon_essential {width: 1.333vw; height: 1.333vw; border-radius: 1.333vw;}
.box_list_form .txt_essential + .list_form {margin-top: 1.867vw;}
.list_form.type_1.type_wide.size_2 {padding: 2.133vw 0 0; border-top-width: 1px; border-top-color: #d0d0d0; border-bottom: none;}
.list_form.type_1.type_wide.size_2 > li,
.list_form.type_1.type_wide.size_2 > li:nth-child(even) {float: none; width: 100%; margin-left: 0; margin-top: 5.333vw; padding: 0;}
.list_form.type_1.type_wide > li .txt_tit {width: auto;}

.wrap_form {display: block; margin-top: 2.133vw;}
.wrap_form .input_form {display: -webkit-flex; display: flex; margin-top: 2.133vw}
.list_form.type_1 .wrap_form .wrap_select,
.list_form.type_1 .wrap_form .input_form.type_1 {width: 100%;}
.list_form.type_1 .wrap_form .wrap_select + .input_form,
.list_form.type_1 .wrap_form .input_form {display: flex; width: 100%; margin-left: 0;}
.list_form.type_1 .wrap_form .input_form input[type=text] {flex-grow: 1; width: auto;}
.list_form.type_1 .wrap_form button,
.input_form.type_file input[type='file'] + span {width: 30.133vw; margin-left: 0;}
/* 200506 add */
.upCheck {top:15.666vw;font-size:3.2vw;line-height:4vw}/* 220322 modify */
#approval { margin-bottom: 26vw; }/* 220322 modify */
/* //200506 add */
#approval .txt_warning {left:18.933vw;top:43.666vw;font-size:3.2vw;line-height:4vw;}/* 220322 add */
.box_list_form .list_form .icon_essential {top: .6vw;}
.input_form .btn_gray,
.input_form.type_file input[type='file'] + span {width: 30.133vw; height: 13.333vw; font-size: 3.733vw; line-height: 13.333vw;}
.input_form.type_unit .txt_unit {font-size: 3.733vw;}
.list_explain {margin-top: 4.8vw;}
.list_explain > li {margin-top: 1.067vw; padding-left: 4vw; font-size: 3.733vw;}
.btn.blue.large {height: 13.333vw; line-height: 13.067vw;}
.area_content.type_1 .box_list_form .btn,
.area_content.type_1 .box_mo_wrap .btn_wrap .btn:not(.type_arrow) {width: 100%;}
.layer_alert .list_map_info.type_3 {padding: 4vw 7.467vw;}
.layer_alert .box_inner.type_1 .txt.type_tit,
.layer_alert .box_inner.type_1 .txt.type_1 {font-size: 5.333vw;}
.layer_alert .box_inner.type_1 .txt.type_2 {font-size: 7.467vw;}
.layer_alert .box_inner.type_1 .txt.type_3 {font-size: 4.8vw;}
.layer_alert .list_map_info.type_3 li .txt {font-size: 3.733vw;}
.box_history_select {width: 100%;}
.box_history_select + .box_mycar_info {margin-top: 7.467vw;}
.box_mycar_info .box_mileage .txt_date {font-size: 3.2vw;}
.box_mycar_info .box_mileage .txt_mileage {margin-top: 3.2vw; font-size: 4.267vw;}
.box_mycar_info .box_mileage .txt_mileage .txt_num {font-size: 5.333vw;}
.box_breakdown.size_2 > .box_wrap {display: block; float: none; width: auto; margin: 0 5.333vw; padding: 5.0674vw 0;}
.box_breakdown.type_1.size_2 > .box_wrap {padding-right: 0;}
.box_breakdown.size_2 > .box_wrap:first-child {padding-top: 0;}
.box_breakdown.size_2 > .box_wrap:last-child {padding-bottom: 0;}
.box_breakdown.size_2 > .box_wrap:before {width: 100%; height: 1px;}
.box_breakdown.type_1 .list_my_info.type_1 li {font-size: 3.733vw;}
.box_breakdown.type_1 .list_my_info.type_1 li.case_right span {font-size: 5.333vw;}
.box_breakdown .txt + .txt_color {margin-top: 0;}
.box_breakdown .h3_tit + .box_txt {margin-top: 1.867vw;}
.box_breakdown .list_dot .txt_condition {font-size: 3.2vw;}
.box_my_info + .box_my_info {margin-top: 2.666vw;}
.box_my_info p {padding: 5.067vw 5.333vw; font-size: 3.733vw;}
.box_my_info p.txt_refusal {padding-right: 17.333vw;}
.box_my_info p.txt_refusal .s_btn {right: 5.333vw;}
.box_my_info .txt_date {top: 5.067vw; right: 5.333vw;}
.box_list_form .box_list_top {margin-top: 7.467vw;}
.box_list_form .box_list_top + .list_form.type_1 {margin-top: 2.133vw;}
.box_list_form .box_list_top {margin-bottom: 0;}
.list_form.type_1.type_wide.size_2 > li.case_inline {display: flex;}
.list_form.type_1.type_wide.size_2 > li.case_inline > *:not(.txt_tit) {flex-grow: 2; width: auto;}
.list_form.type_1.type_wide.size_2 > li.case_inline > .txt_tit {width: 22.4vw;}
.list_form.type_1 > li .txt,
.list_form.type_1 .list_txt,
.list_form.type_1 .box_float p {font-size: 4.267vw; line-height: 6.667vw;}
.s_btn {padding: 0 2.133vw; font-size: 3.2vw; line-height: 6.667vw;}
.list_form.type_1 > li .txt_tit.type_1 {height: auto;}
.list_form.type_1 .box_wrap.type_full .btn_add {position: absolute; top: 0; right: 0;}
.list_form.type_1 .list_txt {margin-top: 3.2vw; padding: 4vw 5.333vw; border: 1px solid #666;}
.list_form.type_1 .list_txt li {margin-top: 3.2vw; font-size: 3.733vw; line-height: 6.667vw;}
.list_form.type_1 .list_txt li:first-child {margin-top: 0;}
.list_form.type_1 .list_txt li .txt_condition {margin-left: 2.667vw; font-size: 3.2vw;}
.box_mycar_info .box_float.type_bot .h2_tit .txt_tag,
.list_form_txt .txt_tag,
.list_form.type_1 .txt_tag {position: relative; top: -2px; margin-left: 1.6vw; padding: 0 1.067vw; font-size: 3.2vw; line-height: 5.067vw;}
.layer_alert .box_attention {margin-top: 7.2vw;}
.layer_alert .box_inner .box_attention .txt {text-align: left;}
.layer_alert .box_attention .list_dot {margin-top: 2.667vw; font-family: 'HyundaiSansTextKRRegular';}
.layer_alert .box_attention .tit {font-size:14px;}/* 210824 add */
.layer_alert .box_attention.type_2 {margin-top:25px;}/* 210824 add */
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li,
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li:nth-child(1),
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li:nth-child(2),
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li:nth-child(3),
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li:nth-child(4) {margin-top: 12.8vw;}
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li:nth-child(1),
.catalog.type_1 ul.uiProductExpander:not(.type_1) > li:nth-child(2) {margin-top: 6.4vw;}
.catalog.type_1,
.catalog.type_1 ul.uiProductExpander > li a {margin-top: 0;}
.input_form.type_camera {position: relative; padding-right: 15.467vw;}
.input_form.type_camera .list_code {display: none; position: absolute; top: 13.333vw; left: 0; z-index: 10; width: calc(100% - 15.467vw); margin: 0; padding: 1.867vw 0; border-style: solid; border-width: 0 1px 1px 1px; border-color: #666; background-color: #fff;}
.input_form.type_camera .list_code li {float: none; width: 100%; margin: 0 !important;}
.input_form.type_camera .list_code li a {display: block; padding-left: 5.333vw; font-family: 'HyundaiSansTextKRBold'; font-size: 4.267vw; line-height: 11.2vw; color: #222; text-align: left;}
.input_form.type_camera .list_code li a span {color: #35719e;}
.input_form.type_camera input {width: 100%; height: 13.333vw; padding: 0 5.333vw; border: 1px solid #666; font-size: 4.267vw; line-height: 12.8vw;}
.input_form.type_camera button {display: block; overflow: hidden; position: absolute; top: 0; right: 0; width: 13.333vw; height: 0; padding-top: 12.8vw; border: 1px solid #666; background-color: #fff; text-indent: -9999px;}
.input_form.type_camera button:before {display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 7.333vw; height: 7.333vw; background: url(/cstatic/images/common/icon_camera.png) no-repeat; background-size: contain; content: '';}
.lay_wrap .down_wrap .pos_wrap.type_camera .btn_wrap.type_search {margin-top: 2.133vw;}
.lay_wrap .down_wrap .pos_wrap.type_camera .btn_wrap.type_search button {width: 100%; height: 13.333vw; line-height: 13.333vw;}
.area_code_info {display: none;}
.pos_wrap.type_camera .list_btn {display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 3.2vw; padding: 0;}
.pos_wrap.type_camera .list_btn li {display: block; width: calc((100% - 2.133vw) / 2); margin: 2.133vw 0 0 2.133vw;}
.pos_wrap.type_camera .list_btn li:first-child {margin-left: 0;}
.pos_wrap.type_camera .list_btn li.type_full {clear: both; float: none; width: 100%; margin-left: 0;}
.box_code_info {margin-top: 5.333vw; padding: 6.933vw 5.333vw; background-color: #fff; text-align: left;}
.box_code_info + .box_code_info {margin-top: 3.2vw;}
.box_code_info .txt_tit {font-family: "HyundaiSansTextKRBold"; font-size: 4.267vw; line-height: 1.4375em; color: #222;}
.box_code_info .txt_tit .txt_code {display: block;}
.box_code_info .txt_error {margin-top: 2.8vw; font-size: 3.733vw; line-height: 1.5em; color: #222;}
.lay_wrap .down_wrap .pos_wrap.type_camera .btn_wrap.type_repair {margin-top: 5.333vw;}
.lay_wrap .down_wrap .pos_wrap.type_camera .btn_wrap.type_repair button {display: inline-block; min-width: 0; width: 39.2vw; height: 10.667vw; line-height: 10.4vw;}
.catalog.type_1 .uiProductExpander.type_1 {display: flex; flex-wrap: wrap}
.catalog.type_1 .uiProductExpander.type_1 > li {width: 50%; vertical-align: top;}
.catalog.type_1 .uiProductExpander.type_line > li {width: calc((100% - 6.667vw) / 2); margin-left: 6.667vw; margin-top: 4.8vw;}
.catalog.type_1 .uiProductExpander.type_1 > li .lay_wrap.catalog_multi {width: 100vw; height: auto; min-height: 0; margin-left: -20px;}
.catalog.type_1 .uiProductExpander.type_line > li:nth-child(odd) {margin-left: 0;}
.catalog.type_1 .uiProductExpander.type_1 > li:nth-child(even) .lay_wrap.catalog_multi {margin-left: -50vw;}
.catalog.type_1 .uiProductExpander.type_line > li:nth-child(even) .lay_wrap.catalog_multi {margin-left: -53.2vw;}
.catalog.type_1 ul li .lay_wrap .down_wrap {position: relative; width: 100%; min-height: auto;}
.catalog.type_1 .uiProductExpander.type_line > li .lay_wrap.catalog_multi {width: 100vw; height: auto; min-height: 0; margin-left: -20px;}
.catalog.type_1 .uiProductExpander.type_line li .img_wrap {overflow: hidden; width: 100%; height: 31.733vw; margin-bottom: 1.067vw; border: 1px solid #d7d7d7;}
.catalog.type_1 .uiProductExpander.type_line li .img_wrap {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.catalog.type_1 .uiProductExpander.type_line li.down .img_wrap {background-color: #35719e;}
.catalog.type_1 .uiProductExpander.type_line li .img_wrap img {width: 100%;}

.area_my_branch .box_float {display: block; margin-top: 0; text-align: center;}
.area_my_branch .box_float .case_right {position: relative; right: auto; top: auto; transform: translateY(0); margin-top: 1.867vw;}
.area_my_branch .box_my_branch .box_float .case_right {margin-top: 4vw;}
.area_my_branch > .box_wrap {margin: 14vw 2.667vw 0;}
.area_my_branch .box_my_branch > .box_wrap.type_1 {margin: 14vw 0 0;}
.area_my_branch .box_no_history {margin-top: 6.933vw;}
.area_my_branch .box_tab_content.type_1 {margin: 5.333vw 2.667vw 0; padding: 10.633vw 2.667vw 10.667vw; background-color: #f8f8f8;}
.area_my_branch .box_tab_content .h3_tit {text-align: center;}
.area_my_branch .box_tab_content .txt {margin-top: 3.733vw; font-size: 3.733vw; line-height: 1.52em; color: #222; text-align: center;}
.area_my_branch .txt + .list_img_upload {margin-top: 4.267vw;}
.area_my_branch .area_tab_content .type_abs {position: relative; top: auto; right: auto;}
.box_my_branch {/*margin-top: 14.933vw;*/ margin-top:0;} /* 200811 modify */
.box_my_branch .box_wrap.type_1 .box_gray {padding: 13.333vw 2.667vw 10.667vw}
.box_my_branch .box_wrap.type_1 .box_gray .h3_tit {font-size: 7.467vw;}
.box_my_branch .box_gray .h3_tit.type_2 + .box_float {margin-top: 5.867vw;}
.area_my_branch .box_my_branch > .box_wrap {margin: 14.133vw 2.667vw 0;}
.area_my_branch .box_my_branch > .box_wrap.type_1 {margin-left: 0; margin-right: 0;}
.area_my_branch .box_my_branch > .box_wrap .h3_tit {text-align: center;}
.list_tab li {flex-grow: 1;}
.list_tab a {font-size: 4.62vw; line-height: 14.93vw;}
.list_tab.type_inline li {flex-grow: inherit; margin: 0 4.267vw;}
.list_tab.type_inline li:before {left: -4.267vw; height: 3.2vw; background-color: #ccc;}
.list_tab.type_inline a {display: inline-block; width: auto; line-height: 10.4vw; white-space: nowrap;}
.list_tab a:after {height: 0.8vw;}
.list_img_upload:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_img_upload > li {float: left; margin-left: 2.133vw; margin-top: 2.4vw; text-align: center;}
.list_img_upload > li:first-child,
.list_img_upload.size_5 > li:nth-child(3n + 1) {margin-left: 0;}
.list_img_upload.size_5 > li {width: calc((100% - 4.267vw) / 3);}
.list_img_upload > li:last-child {display: block;}
.list_img_upload .img_upload {overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 100%; background: url(/cstatic/images/common/default_upload.png) no-repeat 50% 50%; background-size: cover;}
.list_img_upload .img_upload img {position: absolute; top: 0; left: 0; width: 100%;}
.list_img_upload .list_btn {margin-top: 0;}
.list_img_upload .list_btn li {display: inline-block; position: relative; margin: 0; vertical-align: middle;}
.list_img_upload .list_btn li:before {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 2.667vw; background-color: #d0d0d0; content: '';}
.list_img_upload .list_btn li:first-child:before {display: none;}
.list_img_upload .list_btn li input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin-left: -1px; left: -20px; clip: rect(1px 1px 0 0);}
.list_img_upload .list_btn li input + span,
.list_img_upload .list_btn li .btn_del {display: block; padding: 0 1.867vw; font-size: 3.2vw; line-height: 9.3vw;}
.list_img_upload .list_btn li input + span {color: #222;}
.list_img_upload .list_btn li .btn_del {color: #999;}
.box_gray .box_inner {margin-top: 10.667vw; padding: 11.2vw 8.533vw 10.667vw; background-color: #fff;}
.layer_alert .list_btn {margin-top: 6.4vw;}
.layer_alert .btn_wrap .list_btn {margin-top: 0;}
.layer_alert.enroll_my_car .btn_wrap .list_btn .input_form.type_file input[type='file'] + span, .layer_alert.enroll_my_car .btn, .layer_alert .list_btn li .btn{ width: 32vw; height: auto; font-size: 14px; line-height: 2.89;} /* 200224 add */

.gallerySlide_wrap > .list_arrow li button {width: 20px; padding-top: 40px;}
.gallerySlide_wrap > .list_arrow li button:after {width: 20px; height: 40px; background-image: url(/cstatic/images/common/icon_all_s.svg); background-size: 400px 400px;}
.gallerySlide_wrap > .list_arrow li.type_next button:after {background-position: -20px 0;}
.gallerySlide_wrap > .list_arrow li button:hover:after {background-position: 0 -40px;}
.gallerySlide_wrap > .list_arrow li.type_next button:hover:after {background-position: -20px -40px;}

.list_indicator.type_1 {margin-top: 5.333vw;}
.list_indicator.type_1 li.type_first,
.list_indicator.type_1 li.type_prev,
.list_indicator.type_1 li.type_last {margin-left: 0;}
.list_indicator.type_1 li.type_prev {margin-right: 1.067vw;}
.list_indicator.type_1 li.type_next {margin-left: 3.2vw;}
.list_indicator.type_1 li {margin-left: 2.14vw;}
.list_indicator.type_1 li button {width: 8vw; height: 8vw; font-size: 3.733; line-height: 8vw;}
.list_indicator.type_1 li.type_first button,
.list_indicator.type_1 li.type_prev button,
.list_indicator.type_1 li.type_next button,
.list_indicator.type_1 li.type_last button {padding-top: 8vw;}
.list_indicator.type_1 li.type_first button:before,
.list_indicator.type_1 li.type_prev button:before,
.list_indicator.type_1 li.type_next button:before,
.list_indicator.type_1 li.type_last button:before {width: 3.2vw; height: 2.8vw;}
.business_fair.type_1 {margin: 0;}
.box_float.type_3 {display: block; text-align: center; margin-top: 36px;} /* 200811 modify */
.box_float.type_3 .case_right {position: relative; top: auto; right: auto; transform: translateY(0); margin-top: 4.8vw;}
.box_float.type_3 .h3_tit + .txt {margin-top: 5.067px; font-size: 3.733vw;}
.business_fair.type_1 .leads_contents ul.size_3 li.type_row,
.business_fair.type_1 .leads_contents ul.type_full.size_2 li:nth-child(2),
.business_fair.type_1 .leads_contents ul.type_full.size_2 li:nth-child(3) {padding-right: 0; padding-left: 0; padding-bottom: 10px;}
.business_fair.type_1 .leads_contents ul.type_full.size_2 li:nth-child(3) {padding-bottom: 0;}
.area_split .box_split {float: none; width: 100%; margin-top: 7.633vw; padding-left: 0;}
.area_split .box_split:first-child {margin-top: 0;}
.area_split .box_split:nth-child(odd) {padding-right: 0;}
.txt_award {padding-left: 7.733vw;}
.txt_award:before {width: 5.6vw; height: 6.13vw;}
div:not(.app_none) .contModule.cont_h2 .txt_wrap.type_1 {position: relative; right: auto; left: auto; bottom: auto;}
div:not(.app_none) .contModule.cont_h2 .txt_wrap.type_1 .inner {display: block; height: auto;}
div:not(.app_none) .area_content .cont_row:first-child .contModule.cont_h2 .txt_wrap.type_1 .align_cont {padding: 28px 10px 0 10px;}
div:not(.app_none) .contModule.cont_h2 .module.dark .txt_wrap.type_1 .align_cont * {text-shadow: none; color: #222;}
div:not(.app_none) .contModule.cont_h2 .module.dark .txt_wrap.type_1 .align_cont .h2_tit {font-size: 5.333vw; line-height: 1.5em;}
div:not(.app_none) .contModule.cont_h2 .module.dark .txt_wrap.type_1 .align_cont .txt {padding-top: 1.867vw; font-size: 4.23vw; line-height: 1.52em;}
.tb_black.type_2 th,
.tb_black.type_2 td {padding-top: 4.8vw; padding-bottom: 4.8vw; font-size: 3.733vw;}
.btn:hover,
.btn:active,
.btn:focus {border: 1px solid #222; background-color: transparent; color: #222;}
.btn.light_blue:hover,
.btn.light_blue:active,
.btn.light_blue:focus {border: 1px solid #35719e; background-color: #fff; color: #35719e;}
.btn.blue:hover,
.btn.blue:active,
.btn.blue:focus {border: none; background-color: #44709a; color: #fff;}
.box_exclam {margin-top: 8vw;}
.box_exclam .btn_link {margin-top: 3.2vw; margin-left: 6.667vw;}
.area_content.type_1 .btn.type_small {min-width: 0; padding: 0 2.667vw; font-size: 3.733vw; line-height: 10.667vw;}
.area_content.type_1 .beforeService .before_slide .imgList_wrap {padding-bottom: 8.533vw;}
.list_slide_content {margin: 0 5.333vw;}
.txt_exclam + .txt_exclam.type_2 {margin-top: 2.933vw; padding-left: 5.333vw; font-size: 3.733vw;}
.txt_exclam.type_2:before {top: .533vw; left: .533vw; width: 3.467vw; height: 3.467vw; margin-right: 0;}
.layer_alert .btn_close.type_big_1 {width: 8vw; height: 8vw;}
.layer_alert .btn_close.type_big_1 button:before,
.layer_alert .btn_close.type_big_1 button:after {width: .267vw; height: 11.467vw;}

@media only screen and (max-width: 400px) {
.area_video_view .btn_close {top: 0.533vw; right: 0.533vw; width: 8vw; padding-top: 8vw;}
.area_video_view .btn_close button:before,
.area_video_view .btn_close button:after {width: 1px; height: 10.933vw;}
.area_video_view .box_video {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 56vw;}
.area_video_view .box_explain {height: 100%; padding: 61.167vw 6.667vw 6.667vw; font-size: 3.733vw;}
}