@charset "utf-8";
/* 공통 */
#wrap { overflow: hidden; }
* {
	-webkit-overflow-scrolling: touch;
	
}
.stop-dragging
{
  -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* button */
.btn_area.fixed { position: fixed; left:0; bottom: 0.1px; width: 100%; background-color: #fff; text-align: center; z-index: 20; }
.btn_area { line-height: 0; font-size: 0;}
.btn { display: inline-block; text-align: center; vertical-align: top; }
.btn.full { width: 100%; height: 3.125rem; line-height: 3.125rem; font-size: 0.938rem; font-weight: 500; }
.btn.round { overflow: hidden; border-radius: 0.625rem;}
.btn.red { color: #fff; background-color: #d22f27; }
.btn.blue { color: #fff; background-color: #2e82ff; }
.btn.darkgray { color: #fff; background-color: #505153; }
.btn.full:disabled,
.btn.full.disabled { background-color: #999 !important; }
.btn.half { width: 50%; height: 3.125rem; line-height: 3.125rem; font-size: 0.938rem; }
.btn_underline { display: inline-block; color: #fff; line-height: 1.000rem; font-size: 0.875rem; font-weight: 500; text-decoration: underline; vertical-align: top; }


/* color */
.fc_blue { color: #2e82ff !important;}
.fc_gray { color: #8f90a6 !important;}
.fc_red { color: #d22f27 !important;}
.fc_black30 { color: #bbb !important;}
.fc_black50 { color: #777 !important;}
.fc_black70 { color: #333 !important;}


/* header */
#header { position: fixed; top: 0; left: 0; padding: 0 0.938rem; width: 100%; height: 4rem; z-index: 100; }
#header::after { display: block; content: ''; clear: both; } 
#header .logo { display: inline-block; vertical-align: top; }
#header .logo a { display: block; padding: 1.313rem 0; }
#header .logo a img { width: 7.500rem; }
.btn_nav { position: absolute; top: 0.938rem; right: 0.938rem; padding: 0.188rem; width: 1.500rem; height: 1.500rem; z-index: 300; }
.btn_nav .line { display: block; position: absolute; right: 0; width: 1.125rem; height: 0.125rem; background-color: #000; transition: 0.3s all; }
.btn_nav .line1 { top: 30%;}
.btn_nav .line2 { top: 50%;}
.btn_nav .line3 { top: 70%;}

.main_top_right { position: absolute; top: 0.838rem; right: 0.938rem; padding: 0.188rem;  z-index: 300; }
.main_top_tag { display: inline-block; margin-left: 0.188rem; padding: 0.27rem 0.593rem; height: 1.598rem; color: #fff; line-height: 0.998rem; font-size: 0.83rem; border-radius: 0.3rem; background-color: #d22f27; vertical-align: top; }

#header .title { display: inline-block; color: #fff; line-height: 3.3125rem; font-size: 0.938rem; font-weight: 500; vertical-align: top; }
#header .btn_back { display: inline-block; position: relative; width: 2.188rem; height: 3.3125rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/icon_back_white.png') no-repeat 0 50%; background-size: 1.500rem auto; vertical-align: top; }

#header .new_btn_back { display: inline-block; position: relative; width: 2.188rem; height: 3.3125rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/icon_back.png') no-repeat 0 50%; background-size: 1.500rem auto; vertical-align: top; }

#header .fr { text-align: right; }
#header .btn_out { display: inline-block; width: 1.500rem; height: 3.3125rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/icon_share_white.png') no-repeat 50% 50%; background-size: 1.500rem auto; vertical-align: top; }
#header .btn_favorite { display: inline-block; margin-left: 0.625rem; width: 1.500rem; height: 3.3125rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/icon_favorite_on.png') no-repeat 50% 50%; background-size: 1.500rem auto; vertical-align: top; }

.main #header.v1 { border-bottom: 1px solid #fff; } 
#header.v1 { border-bottom: 1px solid #eee; background: #fff; }
#header.v1 .btn_nav .line { background-color: #666; }
#header.v1 .title { color: #111; }
#header.v1 .btn_back { background-image: url('/resources/axproject/img/icon_back.png'); }
#header.v1 .btn_out { background-image: url('/resources/axproject/img/icon_share.png'); }
#header.v1 .btn_favorite { background-image: url('/resources/axproject/img/icon_favorite.png'); }

#header.v2 { border-bottom: 1px solid #eee; background: #fff; }
#header.v2 + .content { padding-top: 4rem; }
#header.v2 .title { color: #111; }
#header.v2 .btn_back { background-image: url('/resources/axproject/img/icon_back.png'); }


/* side */
.side_on .btn_nav .line { background-color: rgba(255,255,255,0.6) !important; }
.side_on .btn_nav .line1 { top: 50%; transform: translateY(-50%) rotate(45deg); transition: 0.3s all; }
.side_on .btn_nav .line2 { top: 50%; transform: translateY(-50%) rotate(-45deg); transition: 0.3s all; }
.side_on .btn_nav .line3 { opacity: 0; transition: 0.3s all; }
.side { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; z-index: 200; background-color: #fff; }
.side .top { height: 9.000rem; background-color: #d22f27;}
.top_btns { overflow: hidden; }
.btn_setting { width: 3.375rem; height: 3.375rem; }
.btn_setting img { width: 1.500rem; }
.user_info { padding: 0 0.938rem;}
.user_info .clear { padding: 0.375rem 0 0.625rem; }
.user_info .profile { display: inline-block; overflow: hidden; width: 2.500rem; height: 2.500rem; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; vertical-align: top; }
.user_info .nickname { position: relative; margin-left: 0.625rem; padding-right: 1.125rem; color: #fff; line-height: 2.500rem; font-size: 1.125rem; font-weight: 500; }
.user_info .nickname .arrow { display: inline-block; position: absolute; top: 0; right: 0; width: 1.125rem; height: 2.500rem; opacity: 0.8; }
.user_info .nickname .arrow:before { display: block; content: ''; position: absolute; top: 0.313rem; left: 60%; width: 1.2px; height: 0.375rem; border-radius: 0.125rem; background-color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.user_info .nickname .arrow:after { display: block; content: ''; position: absolute; top: 0.563rem; left: 60%; width: 1.2px; height: 0.375rem; border-radius: 0.125rem; background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.user_info .btn_logout { display: inline-block; width: 6.000rem; height: 1.875rem; border-radius: 1.875rem; border: 1px solid rgba(255,255,255,0.5); color: #fff; line-height: 1.750rem; font-size: 0.750rem; text-align: center; }
.user_info .btn_logout .icon_logout { display: inline-block; margin: 0.313rem 0.188rem 0 0; width: 1.125rem; height: 1.125rem; background: url('/resources/axproject/img/icon_logout.png') no-repeat 50% 50%; background-size: 1.125rem auto; vertical-align: top;}
.car_info { padding: 0.563rem 0; line-height: 0; font-size: 0; border-top: 1px solid rgba(255,255,255,0.2); vertical-align: top; }
.car_info dl { display: inline-block; margin-left: 1.250rem; vertical-align: top; }
.car_info dl:first-child { margin-left: 0; }
.car_info dl * { display: inline-block; color: #fff; line-height: 0.875rem; font-size: 0.750rem; vertical-align: top; }
.car_info dt { opacity: 0.5; }
.car_info dd { position: relative; margin-left: 0.750rem; }
.car_info dd::before { display: block; content: ''; position: absolute; top: 0.313rem; left: -0.438rem; width: 0.125rem; height: 0.125rem; border-radius: 50%; background-color: #fff; opacity: 0.5; }
.order_status { overflow-y: auto; height: 100%; }
.order_status > ul > li { border-bottom: 1px solid #eee; }
.order_number { overflow: hidden; padding: 0 0.938rem; line-height: 2.500rem; background-color: #f9f9f9; }
.order_number dt { float: left; color: #555; font-size: 0.813rem; }
.order_number dd { float: right; color: #000; font-size: 0.813rem; font-weight: 500; text-align: right; }
.order_info { padding: 0 0.938rem; }
.order_info dt { padding: 0.938rem 0; border-bottom: 1px solid #eee; color: #111; font-size: 0.875rem; font-weight: 500; }
.order_info dd { padding: 1.250rem 0; }
.order_step { display: flex; align-items: center; flex-wrap: nowrap; min-height: 3.125rem; }
.order_step li { position: relative; float: left; margin-right: 0.500rem; width: calc(25% - 0.375rem); min-width: 3.000rem; }
.order_step li:last-child { margin-right: 0; }
.order_step li:last-child div:after { display: none; }
.order_step li div { width: 100%; height: 0; padding-bottom: 100%; color: #bbb; line-height: 0.938rem; font-size: 0.750rem; font-weight: 500; text-align: center; }
.order_step li div:after { display: block; content: ''; position: absolute; top: 50%; right: -0.500rem; margin-top: -0.500rem; width: 0.750rem; height: 1.125rem; background: url('/resources/axproject/img/icon_side_arrow.png') no-repeat 50% 50%; background-size: 0.750rem auto; }
.order_step span { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 50%; background-color: #fff; z-index: 2;}
.order_step .on span { border: 1.5px solid #2e82ff; color: #2e82ff; }
.order_step .on div:after { background-image: url('/resources/axproject/img/icon_side_arrow_on.png'); }
.btn_bdr.on { color: #fff; border-color: #2e82ff; background-color: #2e82ff;}


/* 메인 */
/* main_slide */
.main_slide { position: relative; }
.main_slide:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 8.750rem; z-index: 2; }
.main_slide .swiper-slide img { width: 100%; }
.main_slide .swiper-pagination { position: absolute; left: auto; right: 0.938rem; bottom: 0.938rem; width: 3.125rem; height: 1.500rem; letter-spacing: -1px; color: rgba(255,255,255,0.5); line-height: 1.500rem; border-radius: 3.125rem; text-align: center;background-color: rgba(255,255,255,0.2); z-index: 10; }
.main_slide .swiper-pagination .swiper-pagination-total { color: rgba(255,255,255,0.5); font-size: 0.813rem; }
.main_slide .swiper-pagination .swiper-pagination-current { color: #fff; font-size: 0.813rem; } 
.main_slide .swiper-scrollbar { position: absolute; left: 0.938rem; bottom: 1.688rem; width:16.875rem; height: 1px; line-height:0; font-size: 0; background-color: rgba(255,255,255,0.2); z-index: 10; opacity: 1 !important; }
.main_slide .swiper-scrollbar-drag { margin: 0; height: 1px; border-radius: 0; background: #fff;}
.main_slide .slide_txt { position: absolute; bottom: 0; left: 0; width: 100%; height: 10.000rem; color: #fff; text-align: center; z-index: 10; background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0.1)); z-index: 5; }
/*.main_slide .slide_txt dt { margin-bottom: 1.250rem; line-height: 1.688rem; font-size: 1.500rem; font-weight: bold; }*/
/*.main_slide .slide_txt dd { line-height: 1.500rem; font-size: 0.875rem; }*/

.noti { padding: 0 0.938rem; height: 3.125rem; line-height: 3.125rem; font-size: 0.938rem; font-weight: 500; }
.noti::after { display: block; content: ''; clear: both; } 
.noti .nickname { display: inline-block; font-weight: 500; vertical-align: top;}
.noti .car { position: relative; padding-left: 1.250rem; color: #777; }
/* .noti .car:before { display: block; content: ''; overflow: hidden; position: absolute; top: 50%; left: 0.500rem; margin-top: -0.125rem; width: 0.188rem; height: 0.188rem; border-radius: 50%; background-color: #999; } */
.noti .fr { position: relative; width: 4.898rem; text-align: right; }
.noti .date { color: #d22f27; font-size: 0.813rem; font-weight: 500; }
.noti .notice { animation: bounce 1.5s ease infinite; position: absolute; top: 2.313rem; right: 0.625rem; padding: 0 1.063rem; min-width: 6.250rem; height: 2.125rem; border-radius: 1.250rem; background-color: rgba(0,0,0,0.5); color: #fff; line-height: 2.125rem; font-size: 0.750rem; font-weight: 500; white-space: nowrap; }
.noti .notice:before { display: block; content: ''; position: absolute; top: -0.375rem; right: 0.938rem; border: 0.375rem solid rgba(0,0,0,0.5); border-top: 0.375rem transparent; border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; }
@keyframes bounce {
 70% { transform:translateY(0%); }
 80% { transform:translateY(-15%); }
 90% { transform:translateY(0%); }
 95% { transform:translateY(-7%); }
 97% { transform:translateY(0%); }
 99% { transform:translateY(-3%); }
 100% { transform:translateY(0); }
}

.list li { margin-top: 0.625rem; }
.list li:first-child { margin-top: 0; }
.list li a { display: block; }
.list .thum img { width: 100%; }
.package_info { padding: 0 0.938rem; background-color: #fff; }
.package_info dt { padding: 0.938rem 0; border-bottom: 1px solid #eee; color: #111; line-height: 1.250rem; font-size: 0.875rem; font-weight: 500; }
.package_info dd { padding: 0.938rem 0; min-height: 3.6875rem; line-height: 0; font-size: 0; }
.package_info dd * { display: inline-block; vertical-align: bottom; }
.package_info .sale { color: #d22f27; line-height: 1.250rem; font-size: 1.000rem; font-weight: bold; }
.package_info .price { margin-left: 0.313rem; color: #111; line-height: 1.250rem; font-size: 1.000rem; font-weight: bold; }
.package_info .cost { margin-left: 0.313rem; color: #999; line-height: 1.250rem; font-size: 0.688rem; font-weight: 500; text-decoration: line-through; }


/* sub */
.package_form { padding-bottom: 5.000rem; }
.check_gorup { padding: 0 0.938rem; }
.check_gorup li { position: relative; margin-top: 0.625rem; }
.check_gorup li:first-child { margin-top: 0; }
.check_gorup .btn_more { position: absolute; top: 0; right: 0; padding: 0.813rem; width: 3.000rem; height: 3.000rem; text-align: center; }
.check_gorup .btn_more img { width: 1.375rem; }
.check { display: block; }
.check [type=checkbox] { display: none; }
.check [type=checkbox]:checked + label { padding-left: 3.656rem; color: #fff; border: 0.094rem solid #2e82ff; color: #111; line-height: 2.9375rem; font-weight: 500; }
.check [type=checkbox]:checked + label:before { top: 0.781rem; left: 0.719rem; background-image: url('/resources/axproject/img/check_on.png'); }
.check label { display: block; position: relative; height: 3.125rem; padding-left: 3.6875rem; border: 1px solid #eee; border-radius: 0.625rem; color: #555; line-height: 3.000rem; font-size: 0.875rem; }
.check label span { color: #2e82ff; }
.check label:before { display: block; content: ''; position: absolute; top: 0.813rem; left: 0.750rem; width: 1.500rem; height: 1.500rem; background: url('/resources/axproject/img/check_off.png') no-repeat 50% 50%; background-size: 1.500rem auto; }

.detail { display: none; position: fixed; top: 0; left: 0; padding-top: 3.375rem; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 500; }
.tab_panel { position: relative; overflow: hidden; border-radius: 1rem 1rem 0 0; background-color: #fff; }
.tab_menu { overflow: hidden; width: 100%; }
.tab_menu li { float: left; position:relative; text-align: center; }
.tab_menu.col1 li { width: 100%; }
.tab_menu.col2 li { width: 50%; } 
.tab_menu.col3 li { width: 33.33%; }
.tab_menu.col4 li { width: 25%; }
.tab_menu.col5 li { width: 20%; }
.tab_menu li a { display: block; color: #777; line-height: 3.125rem; font-size: 0.938rem; }
.tab_menu li.on a { color: #d22f27; font-weight: bold; }
.tab_menu li.on:before { display: block; content: ''; overflow: hidden; position: absolute; bottom: 0.500rem; left: 50%; margin-left: -0.125rem; width: 0.250rem; height: 0.250rem; border-radius: 50%; background-color: #d22f27; }
.panels { overflow-y: auto; height: calc(100vh - 6.500rem); }
.panel { display: none; }
.panel.on { display: block; }
.panel img { max-width: 100%; width: 100%; }


/* 구매하기 */
.bg_gray { background-color: #eee; }
.noti.v2 { margin-bottom: 1.625rem; height: 3.750rem; line-height: 3.750rem; border-radius: 0 0 0.625rem 0.625rem; background-color: #f9f9f9; }
.noti.v2 .notice { top: 2.750rem; }
.purchase_form { display: block; padding: 0.938rem 0.938rem 4.063rem; background-color: #fff; }
.select_list li { margin-top: 0.625rem; }
.select_list li:first-child { margin-top: 0; }
.select_list li.on .list_tit { padding-left: 1.219em; color: #2e82ff; font-weight: bold; border: 0.094rem solid #2e82ff; line-height: 2.9375rem; background-image: url('/resources/axproject/img/arrow_on.png'); }
.select_list li:first-child .list_detail { display: block; }
.list_tit { display: block; padding: 0 0.938rem 0 1.250rem; height: 3.125rem; border: 1px solid #eee; border-radius: 0.625rem; color: #111; line-height: 3.000rem; font-size: 0.875rem; background: url('/resources/axproject/img/arrow_off.png') no-repeat 100% 50%; background-size: 1.500rem auto; background-origin: content-box; }

li.on .list_tit { padding-left: 1.219em; color: #2e82ff; font-weight: bold; border: 0.094rem solid #2e82ff; line-height: 2.9375rem; background-image: url('/resources/axproject/img/arrow_on.png'); }

.list_detail { display: none; }
.dl_ty:first-child { border-top: 0 none; }
.dl_ty { padding: 0.938rem; border-top: 1px solid #eee; }
.dl_ty dt { margin-bottom: 0.625rem; padding-left: 0.313rem; color: #555; line-height: 1.000rem; font-size: 0.875rem; }
.dl_ty dd { line-height: 0; font-size: 0; text-align: center; }
.col3 .radio { margin-left: 0.625rem; width: calc(33.3333% - 0.625rem); }
.col3 .radio:first-child { margin-left: 0; }
.radio { display: inline-block; width: 100%; }
.radio [type=radio] { display: none; }
.radio [type=radio]:checked + label { border-color: #2e82ff; background-color: #2e82ff; color: #fff; font-weight: bold; }
.radio label { display: block; overflow: hidden; height: 2.250rem; border: 1px solid #ddd; border-radius: 0.625rem; color: #555; line-height: 2.125rem; font-size: 0.875rem; text-align: center; }
.color { display: inline-block; overflow: hidden; margin: 0.625rem 0.625rem 0 0; width: 0.875rem; height: 0.875rem; border-radius: 0.188rem; vertical-align: top;}
.bg_black5 { background-color: #bbb; }
.bg_black30 { background-color: #777; }
.bg_black50 { background-color: #333; }
.bg_red { background-color: #a3231d; }
.bg_green { background-color: #21770d; }
.bg_white { border: 1px solid #ddd; background-color: #fff; }
.check_default { line-height: 0; font-size: 0; }
.check2.all { width: 100%; }
.check2 {  width: 100%; vertical-align: top; }
.check2 [type=checkbox] { display: none; }
.check2 [type=checkbox]:checked + label:before { background-image: url('/resources/axproject/img/check_on.png'); }
.check2 label { display: block; position: relative; height: 2.4rem; line-height: 2.4rem; padding-left: 3.500rem; color: #555; font-size: 0.875rem; }
.check2 label:before { display: block; content: ''; position: absolute; top: 0rem; left: 0.750rem; width: 1.500rem; height: 2.4rem; line-height: 2.125rem; background: url('/resources/axproject/img/check_off.png') no-repeat 50% 50%; background-size: 1.500rem auto; }
    

/* 탁송방법선택 */
.select_info { margin-top: 0.625rem; padding: 0 0.938rem; background-color: #fff; }
.dl_ty2 { border-top: 1px solid #eee; line-height: 3.125rem;; font-size: 0.875rem; }
.dl_ty2:first-child { border-top: 0 none; }
.dl_ty2:after { display: block; content: ''; clear: both; }
.dl_ty2 dt { float: left; color: #555; }
.dl_ty2 dd { float: right; color: #111; font-weight: 400;}
.select_info .dl_ty2 dt { color: #999; }
.select_info .dl_ty2 dd span { display: inline-block; position: relative; margin-left: 1.000rem; vertical-align: top;}
.select_info .dl_ty2 dd span:first-child { margin-left: 0; }
.select_info .dl_ty2 dd span:before { display: block; content: ''; position: absolute; top: 1.438rem; left: -0.500rem; overflow: hidden; width: 0.188rem; height: 0.188rem; border-radius: 50%; background-color: #999; }
.select_info .dl_ty2 dd span:first-child:before { display: none; }

.consignment_form { display: block; padding-bottom: 3.750rem; }
.consignment_form .row { margin-top: 0.625rem; padding: 0.938rem; background-color: #fff; }
.title2 { margin-bottom: 0.625rem; color: #555; line-height: 1.000rem; font-size: 0.875rem; font-weight: 400; }
.row.col2 { line-height: 0; font-size: 0; }
.row.col2 .radio2 { display: inline-block; width: calc(50% - 0.438rem); vertical-align: top;}
.row.col2 .radio2:first-child {margin-right: 0.875rem; }
.radio2 { display: block; }
.radio2 [type=radio] { display: none; }
.radio2 [type=radio]:checked + label { padding-left: 3.031rem; color: #fff; border: 0.094rem solid #2e82ff; color: #111; line-height: 2.9375rem; font-weight: 500; }
.radio2 [type=radio]:checked + label:before { top: 0.781rem; left: 0.719rem; background-image: url('/resources/axproject/img/check_on.png'); }
.radio2 label { display: block; position: relative; height: 3.125rem; padding-left: 3.063rem; border: 1px solid #eee; border-radius: 0.625rem; color: #555; line-height: 3.000rem; font-size: 0.875rem; }
.radio2 label:before { display: block; content: ''; position: absolute; top: 0.813rem; left: 0.750rem; width: 1.500rem; height: 1.500rem; background: url('/resources/axproject/img/check_off.png') no-repeat 50% 50%; background-size: 1.500rem auto; }
.radio2.card label:before { background-image: url('/resources/axproject/img/icon_card_off.png'); background-size: 1.250rem auto; }
.radio2.card [type=radio]:checked + label:before { background-image: url('/resources/axproject/img/icon_card_on.png'); }
.radio2.charge label:before { background-image: url('/resources/axproject/img/icon_charge_off.png'); background-size: 1.250rem auto;}
.radio2.charge [type=radio]:checked + label:before { background-image: url('/resources/axproject/img/icon_charge_on.png'); }
.radio2.charge2 label:before { background-image: url('/resources/axproject/img/newTbex/account_transfer_icon_off.png'); background-size: 1.250rem auto;}
.radio2.charge2 [type=radio]:checked + label:before { background-image: url('/resources/axproject/img//newTbex/account_transfer_icon_on.png'); }

.address_box { position: relative; }
.address_box .btn_bdr { position: absolute; top: 0.938rem; right: 0.938rem; }
.btn_bdr { display: inline-block; overflow: hidden; padding: 0 0.625rem; min-width: 4.375rem; height: 1.875rem; border-radius: 0.375rem; border: 1px solid #ddd; color: #777; line-height: 1.750rem; font-size: 0.750rem; text-align: center; vertical-align: top; }
.address { margin-bottom: 0.938rem; padding-top: 0.563rem; }
.address .addr1 { color: #000; line-height: 1.125rem; font-size: 1rem; }
.address .addr2 { margin-top: 0.375rem; color: #777; line-height: 0.938rem; font-size: 0.813rem; }

.consignment_form .row.pdr0 { padding-right: 0; }
.consignment_wrap { display: none; }
.sub_row { overflow: hidden; padding-top: 0.938rem; border-top: 1px solid #eee; }
.sub_row:first-child{ padding: 0.625rem 0 1rem; border-top: 0 none; }
.date_sel { -ms-overflow-style: none; }
.date_sel::-webkit-scrollbar { display: none; /*스크롤바의 너비*/ } 
.date_sel { overflow-x: auto; padding-right: 0.938rem; line-height: 0; font-size: 0; white-space: nowrap; }
.date_sel li { display: inline-block; margin-left: 0.625rem; min-width: 1.875rem; text-align: center; vertical-align: top; }
.date_sel li:first-child { margin-left: 0;}
.date_sel li * { display: block; }
.date_sel .vip { margin-bottom: 0.313rem; color: #777; line-height: 0.750rem; font-size: 0.625rem; }
.date_sel .day { margin-bottom: 0.250rem; width: 1.875rem; height: 1.875rem; border-radius: 50%; color: #000; line-height: 1.875rem; font-size: 0.813rem; font-weight: 400; }
.date_sel .d_day { color: #777; line-height: 0.750rem; font-size: 0.625rem; }
.date_sel li.on .day { color: #fff; background-color: #000; font-weight: 500;}
.time_sel { -ms-overflow-style: none; }
.time_sel::-webkit-scrollbar { display: none; /*스크롤바의 너비*/ } 
.time_sel { overflow-x: auto; padding-right: 0.938rem; line-height: 0; font-size: 0; white-space: nowrap; }
.time_sel li { display: inline-block; margin-left: 0.375rem; vertical-align: top; }
.time_sel li:first-child { margin-left: 0;}
.time_sel span { display: inline-block; overflow: hidden; padding: 0 0.313rem; min-width: 3.750rem; height: 1.875rem; border-radius: 50px; background-color: #f1f1f1; color: #111; line-height: 1.875rem; font-size: 0.813rem; text-align: center; vertical-align: top;}
.time_sel li.on span { color: #fff; background-color: #000;}

.consignment_form .row.price_box { padding: 0 0.938rem; }
.row.price_box .dl_ty2 { border: 0 none; }
.row.price_box .dl_ty2 dt { color: #555; }
.row.price_box .dl_ty2 dd { font-size: 1rem; font-weight: 500; }

/* 주문내역 */
.order_form { display: block; background-color: #fff;}
.order_history .dl_ty2 { margin: 0 0.938rem; border-top: 0 none; border-bottom: 1px solid #eee; }
.order_history .dl_ty2:last-child { border-bottom: 0 none; } 
.order_history .btn_bdr { margin-top: 0.625rem; margin-left: 0.313rem; }
.order_form .btn_area { padding: 1.250rem 0.938rem; background-color: #eee;}
.order_form .btn_area .btn { font-size: 1.125rem; font-weight: 400; }
.order_form .btn_area .btn span { padding-left: 1.250rem; font-weight: 500;}
.icon_call { display: inline-block; margin-right: 0.438rem; width: 1.500rem; height: 3.125rem; background: url('/resources/axproject/img/icon_call.png') no-repeat 50% 50%; background-size: 1.5rem auto; vertical-align: top;}
.order_consignment { display: none; background-color: #f9f9f9; }
.order_consignment .sub_row { padding: 0.938rem 0 0.938rem 0.938rem; }
#order_product .dl_ty2 { margin: 0 1.4rem; border-top: 0 none; border-bottom: 1px solid #eee; }
#order_product .dl_ty2:last-child { border-bottom: 0 none; } 
#order_product .btn_bdr { margin-top: 0.625rem; margin-left: 0.313rem; }
#order_product .dl_ty2 dt{font-weight: 400}
#order_product .dl_ty2 dd{font-weight: 400}

/* login */
.login { position: absolute; width: 100%; height: 100vh; text-align: center; background: #282828; }
.login_wrap { position: relative; top: 0; left: 0; padding: 0.938rem 8.238rem; width: 100%; }
.login_top { margin-bottom: 3.475rem; }
.login_top span { display: block; margin-bottom: 3.125rem; color: rgba(255,255,255,0.7); line-height: 1.063rem; font-size: 0.938rem; font-weight: bold; }
.login_top .login_logo { margin-bottom: 4.0rem; }
.login_top .login_logo img { width: 15.250rem;}
.login_top p { color: #fff; line-height: 1.063rem; font-size: 0.938rem; font-weight: 500;}
.login_form { display: block; }
.login_form .row { position: relative; margin-top: 0.8rem; }
.login_form .row:first-child { margin-top: 0; }

.login_form .form_control { 
    padding-left: 2.688rem;
    font-size: 15px;
    color: #fff;
    background-color: #282828;
    box-shadow: 0px 0px 4px #0000000D;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    opacity: 1;
}
.login_form .form_control:focus { outline: none !important; border: solid 2px #D22F27; box-shadow: 0 0 10px #D22F2745;}
.login_form .form_control::-webkit-input-placeholder{color:#acacac; }
.login_form .form_control:-ms-input-placeholder{color:#acacac; }
.login_form .btn_area { margin-top: 0.800rem; }
.login_form .btn.red { background-color: rgb(152 152 152 / 40%); }
.login_form .btn.alphagray { background:linear-gradient( to right, #D22F27, #B21F18 ); color:#fff; height: 3.625rem; box-shadow: 0px 6px 0px 0px #800600; }
.login_form .btn.hyun { background:linear-gradient( to right, #2F67A7, #002C60 ); color:#fff; height: 3.625rem; box-shadow: 0px 6px 0px 0px #0000000D; border-radius: 6px;}
.login_form .btn.ghyun { background:linear-gradient( to right, #FFFFFF, #ACACAC ); color:#000; height: 3.625rem; box-shadow: 0px 6px 0px 0px #0000000D; border-radius: 6px;}

.login_form .btn_area .btn_underline { margin-top: 1.875rem; color: #D22F27; font-size: 15px;}
.login_form .row i { position: absolute; top: 1.000rem; left: 0.938rem; }
.icon_phone { display: inline-block; width: 1.125rem; height: 1.525rem; background: url('/resources/axproject/ghyun_emp/img/20260119/ic_phone.png') no-repeat 50% 50%; background-size: 1.525rem auto; vertical-align: top; }
.icon_phone.gray { background-image: url('/resources/axproject/img/icon_phone_gray.png');}
.icon_lock { display: inline-block; width: 1.125rem; height: 1.525rem; background: url('/resources/axproject/ghyun_emp/img/20260119/ic_pw.png') no-repeat 50% 50%; background-size: 1.525rem auto; vertical-align: top; }
.form_control { display:inline-block; padding: 0 0.938rem; width: 100%; height: 3.625rem; border: 1px solid #ddd; border-radius: 0.625rem; font-size: 0.813rem; vertical-align: top;}


/* 비밀번호 재전송 */
.pw_form { display: block; padding: 1.875rem 0.938rem; }
.pw_form .row { position:relative; margin-top: 1.250rem; }
.pw_form .row:first-child { margin-top: 0; }
.pw_form .tip { color: #2e82ff; line-height: 1.250rem; font-size: 0.813rem; }
.pw_form .form_control { padding-left: 2.688rem; }
.pw_form .row i { position: absolute; top: 1.000rem; left: 0.938rem; }


/* modal */
.modal_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 200; }
.modal { position: absolute; top: 50%; left: 50%; overflow: hidden; width: 92%; border-radius: 0.625rem; background-color: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.modal_body { padding: 1.063rem 0.938rem 1.375rem; text-align: center; }
.modal_title { margin: 1rem 0 1rem 0; color: #111; line-height: 1.375rem; font-size: 0.938rem; }
.modal_txt { color: #555; line-height: 1.250rem; font-size: 0.875rem; }
.link_tel { display: block; margin-top: 0.938rem; color: #d22f27; line-height: 1.250rem; font-size: 1.000rem; font-weight: bold; }
.modal_btm { border-top: 1px solid #eee; line-height: 0; font-size: 0; }
.modal_btm .btn { line-height: 3.125rem; font-size: 0.875rem; }
.modal_btm .btn.half.gray { color: #999; border-right: 1px solid #eee; background-color: #f9f9f9; }


/* 관리자페이지 */
.admin.login { background-image: url('/resources/axproject/img/bg_admin_login.png'); } 
.icon_member { display: inline-block; width: 1.125rem; height: 1.125rem; background: url('/resources/axproject/img/icon_member.png') no-repeat 50% 50%; background-size: 1.125rem auto; vertical-align: top; }
.admin.pdb { padding-bottom: 3.375rem; }
#header .state { display: inline-block; overflow: hidden; margin-top: 0.750rem; padding: 0 0.313rem; min-width: 4.375rem; height: 1.875rem; border-radius: 3.125rem; border: 1px solid #999; color: #333; line-height: 1.750rem; font-size: 0.875rem; font-weight: bold; text-align: center; vertical-align: top;}
.admin_info { padding: 1.125rem 0.938rem; background-color: #9c9c9c; }
.admin_info::after { display: block; content: ''; clear: both; }
.admin_info .profile { overflow: hidden; margin-right: 1.250rem; width: 3.125rem; height: 3.125rem; background-size: cover; background-repeat: no-repeat; }
.admin_info .fl { color: #fff; }
.admin_info .nickname { display: block; margin-bottom: 0.375rem ; line-height: 1.250rem; font-size: 1.125rem; font-weight: 500; }
.admin_info .nickntelame { display: block; line-height: 1rem; font-size: 0.875rem; }

.filter { position: relative; padding: 0 0.938rem; height: 2.5rem; border-bottom: 1px solid #eee; line-height: 0; font-size: 0; }
.filter .icon_filter { display: inline-block; margin-top: 0.500rem; margin-right: 0.625rem; width: 1.500rem; height: 1.500rem; background: url('/resources/axproject/img/icon_filter.png') no-repeat 50% 50%; background-size: 1.125rem auto; vertical-align: top; }
.filter .obj { display: inline-block; position: relative; margin-right: 1.250rem; color: #777; line-height: 2.438rem; font-size: 0.813rem; vertical-align: top;}
.filter .obj::after { display: block; content: ''; overflow: hidden; position: absolute; top: 50%; left: -0.563rem; margin-top: -1px; width: 0.125rem; height: 0.125rem; border-radius: 50%; background-color: #999; }
.filter .icon_filter + .obj::after { display: none; }
.btn_filter { position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; background: url('/resources/axproject/img/icon_more.png') no-repeat 50% 50%; background-size: 1.5rem auto; }

.admin_list { background-color: #eee; }
.admin_list .item { margin-bottom: 0.625rem; background-color: #fff;}
.vi_number { overflow: hidden; padding: 0 0.938rem; line-height: 2.500rem; font-size: 0.813rem; background: #f9f9f9; }
.vi_number dt { float: left; width: 30%; color: #555; }
.vi_number dd { float: right; width: 70%; color: #000; font-weight: 500; text-align: right; }
.car_package { padding: 0 0.938rem; line-height: 3.125rem; }
.car_package dt { display: inline-block; margin-right: 0.625rem; color: #111; font-size: 1rem; font-weight: 500; vertical-align: top;}
.car_package dd { display: inline-block; color: #2e82ff; font-size: 0.875rem; vertical-align: top;}
.item .dl_ty2 { padding: 0 0.938rem; border-top: 0; border-bottom: 1px solid #eee; }
.btn_call { display: inline-block; margin: 0.563rem 0 0 0.563rem; overflow: hidden; width: 1.875rem; height: 1.875rem; border-radius: 50%; border: 1px solid #eee; background: url('/resources/axproject/img/icon_call_gray.png') no-repeat 50% 50%; background-size: 1.250rem auto; vertical-align: top;}
.order_step.v2 { padding: 1.125rem 0.938rem; }
.order_step.v2 li { margin-right: 0.625rem; width: calc(25% - 0.469rem); }
.order_step.v2 li:last-child { margin-right: 0 !important; }
.order_step.v2 li div { overflow: hidden; padding: 0; width: 100%; height: 3.000rem; }
.order_step.v2 li span { position: relative; border-radius: 10px;background-color: #fff; }
.btn_detail_view { display: block; width: 100%; height: 3.125rem; border: 1px solid #eee; color: #999; line-height: 3.000rem; font-size: 0.938rem; text-align: center; background-color: #f9f9f9;}
.order_step.v2.col2 li { width: calc(50% - 0.469rem); }
.order_step.v2.col5 li { margin-right: 0.5rem; width: calc(20% - 0.250rem );}
.order_step.v2.col5 li span {border-radius: 0.625rem; font-size: 0.688rem; }


.btm_nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 3.375rem; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); z-index: 100; }
.btm_nav ul { line-height: 0; font-size: 0; }
.btm_nav ul li { display: inline-block; width: 33%; text-align: center; vertical-align: top;}
.btm_nav ul li a { display: block; padding-top: 0.563rem; color: #777; line-height: 0.688rem; font-size: 0.563rem; }
.btm_nav i { display: block; margin-bottom: 0.188rem; height: 1.5rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: 1.500rem auto; }
.icon_nav_manage { background-image: url('/resources/axproject/img/nav_manage_off.png'); }
.icon_nav_delivery { background-image: url('/resources/axproject/img/nav_delivery_off.png'); }
.icon_nav_market { background-image: url('/resources/axproject/img/nav_delivery_off.png'); }
.icon_navnotice { background-image: url('/resources/axproject/img/nav_notice_off.png'); }
.btm_nav li.on .icon_nav_manage { background-image: url('/resources/axproject/img/nav_manage_on.png'); }
.btm_nav li.on .icon_nav_delivery { background-image: url('/resources/axproject/img/nav_delivery_on.png'); }
.btm_nav li.on .icon_nav_market { background-image: url('/resources/axproject/img/nav_delivery_on.png'); }
.btm_nav li.on .icon_navnotice { background-image: url('/resources/axproject/img/nav_notice_on.png'); }

.btm_modal_wrap { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 500; }
.modal_box { position: absolute; bottom: -100%; left: 0; overflow: hidden; width: 100%; border-radius: 1rem 1rem 0 0; background-color: #fff; }
.modal_hd { position: relative; padding: 0 3.375rem; border-bottom: 1px solid #ddd; text-align: center; }
.modal_hd h2 { color: #111; line-height: 3.3125rem; font-size: 0.938rem; font-weight: 400; }
.modal_hd .btn_close { position: absolute; top: 0; left: 0; width: 3.375rem; height: 3.375rem; }
.modal_hd .btn_close img { width: 1.5rem; }
.modal_hd .btn_confirm { position: absolute; top: 0; right: 0; width: 3.375rem; height: 3.375rem; color: #2e82ff; font-size: 0.813rem; }
.modal_bd { padding: 1.250rem 0.938rem 0.938rem; }
.modal_bd .txt { margin-bottom: 0.625rem; color: #111; line-height: 1rem; font-size: 0.875rem; }
.term { overflow: hidden; margin-bottom: 0.625rem; height: 3.125rem; border-radius: 0.625rem; border: 1px solid #eee; line-height: 0; font-size: 0; text-align: center; }
.term input { display: inline-block; padding: 0; width: calc(50% - 2rem); height: 3rem; border: 0 none; background: #fff; color: #111; line-height: 3rem; font-size: 0.875rem; text-align:center; vertical-align: top;}
.term span { display: inline-block; width: 1rem; color: #111; line-height: 3rem; font-size: 0.875rem; }
.term_move_btn{
	width: 1.5rem;
    display: inline-block;
    color: #111;
    line-height: 3rem;
    font-size: 0.875rem;
    height: 3rem;
}

/* 접수정보 */
.dl_ty2 .fc_red { font-weight: 500; padding-right: 0.625rem; }
.work_history { padding: 1.563rem 0.938rem 4.688rem; background-color: #eee; }
.dl_ty3 { margin-top: 1.875rem; }
.dl_ty3:first-child { margin-top: 0; }
.dl_ty3 dt { margin-bottom: 0.625rem; color: #555; line-height: 0.938rem; font-size: 0.813rem; }
.dl_ty3 dd { overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 1.250rem 0; border: 1px solid #ddd; border-radius: 0.625rem; background-color: #fff; text-align: center; }
.dl_ty3 .obj { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-grow: 1; height: 3.750rem; border-left: 1px solid #eee; }
.dl_ty3 .obj:first-child { border-left: 0 none; }
.dl_ty3 .obj em { display: block; margin-bottom: 0.625rem; color: #999; line-height: 0.938rem; font-size: 0.813rem; }
.dl_ty3 .obj strong { display: block; line-height: 1.375rem; font-size: 1.250rem; font-weight: bold;}
#completion_schedule .modal_bd { padding-bottom: 2.25rem; }
#completion_schedule .term { margin-bottom: 1.250rem; }
#completion_schedule .btn:disabled { background-color: #ccc !important; }


/* 탁송요청 */
.admin { min-height: 100.1vh; background-color: #eee; }
@supports (-webkit-touch-callout: none) 
{height: -webkit-fill-available; }

.admin .item { background-color: #fff; }
.dl_ty3 dd.sty_none { display: block; padding: 0; border: 0 none; background: none; border-radius: 0; }
.time_box { height: 3.125rem; border: 1px solid #d22f27; border-radius: 0.625rem; color: #d22f27; line-height: 3.0rem; font-size: 0.938rem; font-weight: 500; text-align: center; }
.dl_ty6 dt { padding: 1.250rem 0.938rem 0; height: 2.813rem; color: #555; line-height: 1.250rem; font-size: 0.813rem; background-color: #eee; }
.dl_ty6 dd { padding: 0  0.938rem; color: #000; line-height: 3.125rem; font-size: 0.875rem;  }
.dl_ty6 + .dl_ty2 { border-top: 1px solid #eee;}
.step_wrap { overflow-y: auto;  }
.step_wrap .order_step.v2 {  width: 120%;  }
.step_wrap::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}
    
/* 차량 지급품 */
#supplies_modal .txt { line-height: 1.250rem;  }
#supplies_modal .txt.fc_red { margin-top: 1.250rem; font-size: 0.750rem; }
#supplies_modal .btn_area { padding: 0 0.938rem 1.250rem; }
#supplies_modal .btn_area .btn.half { margin-left: 0.875rem; width: calc(50% - 0.438rem); }
#supplies_modal .btn_area .btn.half:first-child { margin-left: 0; }
.btn.gray { color: #fff; background-color: #ddd;}


/* 추가: 2021-07-30 */
/* 메인 */
.main_item { margin: 0 0; border-top: 1px solid #eee; }
.main_item .obj { display: block; position: relative; margin-top: 1.625rem; margin-bottom: 1.625rem;}
    
.main_item .obj > img { width: 100%; }
.main_item .tit { position: absolute; bottom: 1.875rem; left: 1.250rem; }
.main_item .tit strong { color: #fff; line-height: 1.625rem; font-size: 1.500rem; font-weight: bold; }
.main_item .tit span { padding-left: 0.625rem; color: rgba(255,255,255,0.5); line-height: 1.063rem; font-size: 0.938rem; }
.icon_tinting { position: absolute; top: 0.625rem; right: 1.250rem; width: 2.5rem; }

/* 프로세스 */
.step_progress { position: fixed; top: 3.375rem; left: 0; width: 100%; height: 2px; background-color: rgba(0,0,0,0.2); z-index: 1; }
.step_progress ul { display: flex; }
.step_progress ul li { position: relative; width: 16.6666%; line-height: 0; font-size: 0; text-indent: -9999px; }
.step_progress ul li.on::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.250rem; border-radius: 0 0 0.250rem 0.250rem; background-color: #d22f27; } 

.step_detail { margin-top: 3.375rem; padding: 1.063rem 0.938rem 9.375rem; }
.step_detail .btn.half { height: 3.375rem; line-height: 3.375rem; }
.step_tit { margin-bottom: 1.250rem; color: #111; line-height: 1.063rem; font-size: 0.938rem; font-weight: 600; }


/* 썬팅 선택 */
.list01 li { position: relative; margin-top: 0.938rem; border: 1px solid #eee; border-radius: 0.625rem; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); padding-bottom: 1rem;}
.list01 li:first-child { margin-top: 0; }
.list01 a { display: block; padding: 0.938rem 0.938rem 0.938rem 7.188rem; min-height: 6.875rem; }
.list01 i { position: absolute; top: 0; left: 0; padding: 1.250rem 0; width: 6.250rem; height: 100%; text-align: center; }
.list01 i img { width: 4.313rem; }
.list01 a:after { display: block; content: ''; position: absolute; top: 0.938rem; left: 6.250rem;; width: 1px; height: calc(100% - 1.875rem); background-color: #eee;}
.list01 .btn_view { position: absolute; bottom: 0px; right: 0px; width: 1.500rem; height: 1.500rem; border: 1px solid #ddd; border-radius: 0.625rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/ic_zoom_s.png') no-repeat 50% 50%; background-size: 1rem auto; z-index: 5;}

.dl_ty4 dt { margin-bottom: 0.625rem; color: #111; line-height: 1.063rem; font-size: 1.138rem; font-weight: bold; }
.dl_ty4 dd { color: #666; line-height: 0.875rem; font-size: 0.850rem; }
.tag_group { position: flex; bottom: 1.063rem; left: 7.188rem; line-height: 0; font-size: 0; padding-top:0rem}
.tag { display: inline-block; margin-left: 0.188rem; padding: 0.2rem 0.353rem; height: 1.298rem; color: #fff; line-height: 0.998rem; font-size: 0.63rem; border-radius: 0.3rem; background-color: #505153; vertical-align: top; margin-top:0.3rem}
.tag:first-child { margin-left: 0; }
.list01 li.on::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #2e82ff; border-radius: 0.625rem; box-sizing: border-box; box-shadow: 0rem 0rem 0.3rem #999;}
.list01 li.on .tag { border-color: #2e82ff; background: #2e82ff;}
.list01 li.on .cbx { color: #2e82ff;}
.sunting_title {
	position:absolute;
	left: 1rem;
	top: 1rem;
	font-size: 1.125rem;
	font-weight: 600;
}
.badge{
	position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.list01 li.on .sunting_title { color: #2e82ff;}


.tinting_wrap { position: fixed; bottom: 3.375rem; left: 0; overflow: hidden; width: 100%; border-radius: 0.938rem 0.938rem 0 0; background-color: #fff; z-index: 10; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);}
.price_half { display: flex; position: relative; padding: 1.250rem 0.938rem 0.875rem; height: 3.375rem; }
.price_half::after { display: block; content: ''; position: absolute; top: 0.375rem; left: 50%; margin-left: -1.250rem; width: 2.5rem; height: 0.25rem; border-radius: 0.25rem; background-color: #eee;}
.price_half dl { display: flex; flex-wrap: nowrap; width: 50%; color: #666; line-height: 1.250rem; font-size: 0.750rem; }
.price_half dt { width: 40%; }
.price_half dd { width: 60%; font-size: 0.875rem; text-align: right; font-weight: 500; }
.price_half dl:first-child { padding-right: 1.250rem; border-right: 1px solid #eee; } 
.price_half dl:nth-child(2) { padding-left: 1.250rem; } 
.price_half .through { color: #999; font-size: 0.750rem; font-weight: 400; text-decoration: line-through; }

.tinting_detail { display: none; padding: 0.938rem; }
.tinting_detail a { display: block; position: relative; margin-top: 0.625rem; }
.tinting_detail a:first-child { margin-top: 0; } 
.tinting_detail a.on::after { display: block; content: ''; position: absolute; top: 50%; left: 0; margin-top: -0.875rem; width: 0.250rem; height: 1.750rem; border-radius: 0 0.25rem 0.25rem 0; background-color: #d22f27; }
.tinting_detail dl { display: flex; flex-wrap: nowrap; justify-content: space-between; overflow: hidden; padding: 0 0.938rem; height: 2.750rem; border: 1px solid #eee; border-radius: 0.625rem; line-height: 2.625rem; }
.tinting_detail dt { color: #333; font-size: 0.750rem; }
.tinting_detail dd { color: #111; font-size: 0.813rem; font-weight: 500; text-align: right; }
.tinting_detail dd span { font-weight: 400;}
.tinting_detail .arrow { display: inline-block; width: 1.125rem; height: 1.125rem; background: url('/resources/axproject/img/icon_more.png') no-repeat 50% 50%; background-size: 100% auto; vertical-align: middle; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.bg_line_bar1 {
	position: relative; 
	background: #fff; 
	margin-left: -15px; 
	margin-right: -15px; 
	height: 2.5rem;
}
.bg_line_bar2 {
	position: relative; 
	background: #eee; 
	margin-left: -15px; 
	margin-right: -15px; 
	height: 1.1rem;
}
.sunting_price{
	position:absolute; 
	right: 1rem; 
	top: 1rem; 
	color: #2E82FF; 
	font-size: 0.9rem; 
	font-weight: 500;
}
.sunting_card{
	display: flex; 
	height: 43px;
}
.sunting_small_tag{
	line-height: 1rem; 
	height: 1.4rem;
}
.sunting_small_tag_49{
	line-height: 1rem; 
	height: 1.4rem;
	background: linear-gradient( to right, #D22F27 0%, #D22F27 49%, #505153 49%, #505153 100% );
}
.sunting_small_tag_60{
	line-height: 1rem; 
	height: 1.4rem;
	background: linear-gradient( to right, #D22F27 0%, #D22F27 60%, #505153 60%, #505153 100% );
}
.sunting_small_tag_75{
	line-height: 1rem; 
	height: 1.4rem;
	background: linear-gradient( to right, #D22F27 0%, #D22F27 75%, #505153 75%, #505153 100% );
}
.sunting_small_tag_90{
	line-height: 1rem; 
	height: 1.4rem;
	background: linear-gradient( to right, #D22F27 0%, #D22F27 90%, #505153 90%, #505153 100% );
}
.sunting_bg_normal{
	position:relative; 
	left:1rem; 
	top: 0.5rem; 
	color: #999999; 
	font-weight: 500;
}
.sunting_bg_blud{
	position:relative; 
	left:2.0rem; 
	top: 0.5rem; 
	color: #2E82FF; 
	font-weight: 500;
}
.sunting_coupon_front {
	position:relative; 
	right:0.5rem; 
	top: 0.5rem; 
	color: #999999; 
	font-weight: 500; 
	display: flex; 
	align-items: center; 
	margin-left: auto;
}
.sunting_arrow_img{
	width: 10px; 
	margin-right:0.4rem;
}
.sunting_arrow_style{
	display: flex; 
	align-items: center;
}
.sunting_density_bg{
	display: flex; 
	height: 48px; 
	font-size: 0.75rem;
}
.sunting_work_part_title{
	display: flex; 
	height: 78px; 
	font-size: 0.75rem;
}
.sunting_work_part_bg{
	position:relative; 
	left:1.5rem; 
	top: 0.5rem; 
	font-weight: 600;
}
.sunting_price_font{
	font-size:1.125rem;
}

.sunting_title_tag{
	padding: 0.2rem 0.45rem 0rem 0.45rem;
	background: #333;
	color: #fff;
	border-radius: 0.2rem;
	height: 1.5rem;
	font-size: 0.9rem;
	font-weight: 500;
	margin-right: 0.4rem;
}

/* 브랜드 선택 */
.list02 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: -0.938rem; }
.list02 li { margin-top: 0.938rem; width: calc(50% - 0.469rem); }
.list02 li.on .dl_ty5::after { display: block; content: ''; position: absolute; top: -0.125rem; left: -0.125rem; width: 100%; height: 100%; border-radius: 0.625rem; border: 0.125rem solid #2e82ff; box-sizing: content-box; }
.dl_ty5 { position: relative; border: 1px solid #eee; border-radius: 0.625rem; }
.dl_ty5 dt { position: relative; padding: 0 0.938rem; border-bottom: 1px solid #eee; }
.dl_ty5 dt strong { color: #333; line-height: 2.438rem; font-size: 0.750rem; font-weight: 500; }
.dl_ty5 dt .btn_more { position: absolute; top: 0; right: 0; padding: 0.625rem; width: 2.438rem; height: 2.438rem; z-index: 5; }
.dl_ty5 dd { padding: 0.625rem; text-align: left;  position: relative;}
.dl_ty5 dd img { height: 3.125rem; }
.selectNormal2 {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 0 22px 0 14px;
    background: #fff url(/resources/axproject/img/select-arrow2.png) calc(98% - 0px) 22px no-repeat;
    background-size: 10px 5px;
    text-align: left;
    color: #1c1c1c;
    cursor: pointer;
	margin-bottom: 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    padding-bottom: 1rem;
}
.trans {
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ie-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
.policy{
	display: none;
}
.film_desc_txt{
	line-height: 18px; 
	text-indent: -0.6rem; 
	margin-left: 1.3rem; 
	font-size: 0.8rem; 
	font-weight: 400;
}
.film_title_tag{
	line-height: 1rem; 
	height: 1.4rem;
	font-size: 0.9rem; 
	font-weight: 400; 
	padding-top: 0.45rem; 
	border-radius: 1rem; 
	margin-top: 2rem; 
	height: 2rem; 
	background: #111; 
	text-align: center; 
	width: 9rem
}

/* 브랜드 상세보기 */
.brand_detail { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 500; }
.brand_cont { position: relative; overflow: hidden; border-radius: 0; background-color: #fff; height: 100%;}
.brand_top { position: relative; padding: 0 0.938rem; height: 3rem; }
.brand_top .title { color: #555; line-height: 3.125rem; font-size: 0.938rem; font-weight: 400; }
.brand_top .btn_close_box { position: absolute; top: 0; right: 0; padding: 0.813rem 0.938rem; width: 3.375rem; height: 3.125rem; }
.brand_mid { overflow-y: auto; height: calc(100% - 3rem); }
.brand_mid img { max-width: 100%; width: 100%; }
.brand_small_tag {
	line-height: 1rem; 
	height: 1.4rem;
	background: #999999; 
	font-size: 0.73rem; 
	font-weight: 400;
}
.brand_small_tag2 {
	line-height: 1rem; 
	height: 1.4rem;
	margin-left: 0;
	background: #999999; 
	font-size: 0.73rem; 
	font-weight: 400;
}
.brand_small_tag_group {
	padding-top:0rem;
}

.ic_gift{
    background: transparent !important;
    font-size: 20px;
}

/* 썬팅 부위 선택 */
.pop_tinting .modal_btm .btn strong { font-weight: 500; }
.tinting_area { position: relative; padding: 0.875rem 0.938rem; }
.tinting_area .car { position: relative; text-align: center;}
.tinting_area .car img {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.tinting_area .car .img_car { display: block; position: static; }
.tinting_area.front .img_front { display: block; }
.tinting_area.sunroof .img_sunroof { display: block; }
.tinting_area.back .img_back { display: block; }
.tinting_area.side_l .img_side_l { display: block; }
.tinting_area.side_r .img_side_r { display: block; }
.btn_sunroof { position: absolute; top: 50%; left: 50%; margin-top: -0.625rem; margin-left: -3.125rem; min-width: 6.250rem; height: 2.000rem; border-radius: 0.4rem; border: 2px solid #2e82ff; background-color: #fff; color: #2e82ff; line-height: 1.750rem; font-size: 0.750rem; z-index: 5; }
.btn_front { position: absolute; top: 50%; left: 50%; margin-top: -7.500rem; margin-left: -3.125rem; min-width: 6.250rem; height: 2.000rem; border-radius: 0.4rem; border: 2px solid #2e82ff; background-color: #fff; color: #2e82ff; line-height: 1.750rem; font-size: 0.750rem; z-index: 5; }
.btn_backside { position: absolute; top: 50%; left: 50%; margin-top: 10rem; margin-left: -3.125rem; min-width: 6.250rem; height: 2.000rem; border-radius: 0.4rem; border: 2px solid #2e82ff; background-color: #fff; color: #2e82ff; line-height: 1.750rem; font-size: 0.750rem; z-index: 5; }
.btn_back { position: absolute; top: 50%; left: 50%; margin-top: 10rem; margin-left: -3.125rem; min-width: 6.250rem; height: 2.000rem; border-radius: 0.4rem; border: 2px solid #2e82ff; background-color: #fff; color: #2e82ff; line-height: 1.750rem; font-size: 0.750rem; z-index: 5; }
.btn_side_l { position: absolute; top: 50%; left: 50%; margin-top: -0.625rem; margin-left: -10.625rem; min-width: 6.250rem; height: 2.000rem; border-radius: 0.4rem; border: 2px solid #2e82ff; background-color: #fff; color: #2e82ff; line-height: 1.750rem; font-size: 0.750rem; z-index: 5; }
.btn_side_r { position: absolute; top: 50%; left: 50%; margin-top: -0.625rem; margin-left: 4.375rem; min-width: 6.250rem; height: 2.000rem; border-radius: 0.4rem; border: 2px solid #2e82ff; background-color: #fff; color: #2e82ff; line-height: 1.750rem; font-size: 0.750rem; z-index: 5; }


/* 농도 선택 */
.select_list2 li { margin-top: 0.625rem; }
.select_list2 li:first-child { margin-top: 0; }
.select_list2 li:first-child .list_detail { display: block; }
.select_list2 li .list_tit { position: relative; padding: 0 2.750rem; border: 1px solid #eee; background-position: 0.625rem; background-origin: border-box; color: #555; }
.select_list2 li.on .list_tit { color: #111; font-weight: bold; font-weight: 600; border: 2px solid #2e82ff; line-height: 2.9375rem; background-image: url('/resources/axproject/img/arrow_on.png'); }
.select_list2 .btn_view { position: absolute; top: 50%; right: 0; margin-top: -1.5rem; padding: 0.875rem; width: 3.000rem; height: 3.000rem; }
.select_list2 .list_detail { padding: 0.938rem 1.250rem 1.250rem; }
.list_detail .top { margin-bottom: 1.250rem;; padding-bottom: 0.938rem; border-bottom: 1px solid #eee; }
.list_detail .top .txt { color: #555; line-height: 1.250rem; font-size: 0.750rem; font-weight: 500;}

.density_top_txt { display: flex; justify-content: space-between;}
.density_top_txt span { color: #999; line-height: 0.750rem; font-size: 0.79rem; }
.density_list { margin-top: 0.313rem; }
.density_list li { margin-top: 1.250rem; }
.density_list li:first-child { margin-top: 0; }
.density_item { display: flex; /* align-items: center; justify-content: space-between; */ flex-wrap: nowrap; }
.density_item > div { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 18vw; height: 2.5rem; color: #999; font-size: 0.875rem; border-radius: 0.625rem; background-color: #eee; margin-right: 2vw;}

.density_item > div:nth-child(1) { background-color: #f3f3f3; color: #757575;}
.density_item > div.on:nth-child(1) { background-color: #f3f3f3; color: #757575;}
.density_item > div.active:nth-child(1) { background-color: #f3f3f3; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.05rem #fff; color: #757575; }
.density_item > div:nth-child(2) { background-color: #eee; color: #757575;}
.density_item > div.on:nth-child(2) { background-color: #eee; color: #757575;}
.density_item > div.active:nth-child(2) { background-color: #eee; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.05rem #fff; color: #757575; }
.density_item > div:nth-child(3) { background-color: #eee; color: #757575;}
.density_item > div.on:nth-child(3) { background-color: #eee; color: #757575;}
.density_item > div.active:nth-child(3) { background-color: #eee; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.05rem #fff; color: #757575; }

.density_item > div:nth-child(4) { background-color: rgb(222, 222, 222); color: #000000;}
.density_item > div.on:nth-child(4) { background-color: rgb(222, 222, 222); color: #000000;}
.density_item > div.active:nth-child(4) { background-color: rgb(222, 222, 222); border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #fff; color: #000000; }
.density_item > div:nth-child(5) { background-color: rgb(222, 222, 222); color: #000000;}
.density_item > div.on:nth-child(5) { background-color: rgb(222, 222, 222); color: #000000;}
.density_item > div.active:nth-child(5) { background-color: rgb(222, 222, 222); border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #fff; color: #000000; }
.density_item > div:nth-child(6) { background-color: #D2D2D2; color: #000000;}
.density_item > div.on:nth-child(6) { background-color: #D2D2D2; color: #000000;}
.density_item > div.active:nth-child(6) { background-color: #D2D2D2; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #fff; color: #000000; }
.density_item > div:nth-child(7) { background-color: #D2D2D2; color: #000000;}
.density_item > div.on:nth-child(7) { background-color: #D2D2D2; color: #000000;}
.density_item > div.active:nth-child(7) { background-color: #D2D2D2; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #fff; color: #000000; }


.density_item > div:nth-child(8) { background: #858585; color: #fff;}
.density_item > div.on:nth-child(8) {background: #858585; color: #fff;}
.density_item > div.active:nth-child(8) { background-color: #858585; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }
.density_item > div:nth-child(9) { background: #858585; color: #fff;}
.density_item > div.on:nth-child(9) {background: #858585; color: #fff; font-weight:500;}
.density_item > div.active:nth-child(9) { background-color: #858585; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }
.density_item > div:nth-child(10) { background: #858585; color: #fff;}
.density_item > div.on:nth-child(10) {background: #858585; color: #fff;}
.density_item > div.active:nth-child(10) { background-color: #858585; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }
.density_item > div:nth-child(11) { background: #858585; color: #fff;}
.density_item > div.on:nth-child(11) {background: #858585; color: #fff;}
.density_item > div.active:nth-child(11) { background-color: #858585; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }

.density_item > div:nth-child(12) { background: #666; color: #fff;}
.density_item > div.on:nth-child(12) { background: #666; color: #fff;}
.density_item > div.active:nth-child(12) { background-color: #666; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }

/*.density_item > div:nth-child(12) { background-color: #5E5E5E; color: #fff;}*/
.density_item > div:nth-child(13) { background-color: #666; color: #fff;}
.density_item > div.on:nth-child(13) { background: #666; color: #fff;}
.density_item > div.active:nth-child(13) { background-color: #666; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }
.density_item > div:nth-child(14) { background-color: #666; color: #fff;}
.density_item > div.on:nth-child(14) { background: #666; color: #fff;}
.density_item > div.active:nth-child(14) { background-color: #555; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }
.density_item > div:nth-child(15) { background-color: #555; color: #fff;}
.density_item > div.on:nth-child(15) { background: #555; color: #fff;}
.density_item > div.active:nth-child(15) { background-color: #666; border: 4px solid #2e82ff !important; text-shadow: 0 0 0.12rem #000000; color: #fff; }
    
.density_item > div.on { /* color: #2e82ff; */ color: #999;  /* background-color: #2e82ff; */ /* border: 4px solid #2e82ff; */}
.density_item > div.active { /* color: #fff; */  /* background-color: #2e82ff; */ border: 4px solid #2e82ff; text-shadow: 0 0 2px black; color: #fff;}

.density_item > div.active strong { font-weight: 700;}
.density_item > div.on strong { font-weight: 700;}
.density_item > div strong { display: block; font-weight: 400; line-height: 1rem; }
.density_item > div span { display: block; font-size: 0.750rem; line-height: 0.875rem; }

.select_list2 li .list_tit { padding-left: 5.625rem; height: 5.000rem; background: none; }
.select_list2 li .list_tit i { position: absolute; top: 0.625rem; left: 0.625rem; padding-right: 0.625rem; width: 4.375rem; height: 3.75rem; border-right: 1px solid #eee; }
.select_list2 li .list_tit p { color: #111; line-height: 4.875rem; font-size: 0.938rem; font-weight: bold; }
.select_list2 li.on .list_tit { padding-left: 5.625rem; background: none; }
.select_list2 li .list_detail { padding: 0.938rem 0 1.250rem;}
.select_list3 li .density_list li { position: relative; padding: 0 0 0 2.500rem; }
.select_list3 li .density_list .txt { position: absolute; top: 0; left: 0; color: #555; font-size: 0.750rem; line-height: 2.5rem; }
.select_list3 li .density_top { padding-left: 2.5rem; }
.select_list3 li .density_item > div.on strong { /* display: none; */ }
.select_list3 li .density_item > div.active strong { display: block; }
.select_list3 li .density_item > div.active { /* color: #fff; */ /* background-color: #2e82ff; */ border: 4px solid #2e82ff;}

.gray_box { overflow: hidden; margin-top: 1.250rem; padding: 0.938rem; border: 1px solid #eee; border-radius: 0.625rem; background-color: #f9f9f9; }
.gray_box p { margin-top: 0.625rem; padding-top: 0.625rem; padding-left: 0.813rem; border-top: 1px solid #eee; color: #999; line-height: 1.125rem; font-size: 0.750rem; text-indent: -0.813rem; }
.gray_box p:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; } 


/* 농도 상세보기 */
.density_detail { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 500; }
.density_cont { position: relative; overflow: hidden; border-radius: 0; background-color: #fff; height: 100%;}
.density_top { position: relative; padding: 0 0.938rem; height: 3rem; }
.density_top .title { color: #333; line-height: 3.125rem; font-size: 0.938rem; font-weight: 500; }
.density_top .btn_close_box { position: absolute; top: 0; right: 0; padding: 0.813rem 0.938rem; width: 3.375rem; height: 3.125rem; }
.density_mid  { overflow-y: auto; height: calc(100% - 3rem); }
.density_mid img { margin-top: 1.250rem; max-width: 100%; width: 100%; }
.density_mid img:fist-child { margin-top: 0; }
.density_mid .fc_blue { margin: 1.625rem 0.938rem 0; border: 1px solid #2e82ff; border-radius: 0.625rem; color: #2e82ff; line-height: 2.375rem; font-size: 0.750rem; text-align: center;}

/* Pick 상세보기 */
.pick_detail { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 500; }
.pick_cont { position: relative; overflow: hidden; border-radius: 0; background-color: #fff; height: 100%;}
.pick_top { position: relative; padding: 0 0.938rem; height: 3rem; }
.pick_top .title { color: #333; line-height: 3.125rem; font-size: 0.938rem; font-weight: 500; }
.pick_top .btn_close_box { position: absolute; top: 0; right: 0; padding: 0.813rem 0.938rem; width: 3.375rem; height: 3.125rem; }
.pick_mid { overflow-y: auto; height: calc(100% - 3rem); }
.pick_mid p { margin-bottom: 1.250rem; color: #666; line-height: 1.25rem; font-size: 0.750rem; }
.pick_mid img { max-width: 100%; width: 100%; }


/* 패키지 선택 */
.dl_ty4 dd.sale { margin-top: 0.625rem; color: #666; line-height: 0.875rem; font-size: 0.750rem; }
.dl_ty4 dd.price { margin-top: 0.188rem; color: #999; line-height: 0.750rem; font-size: 0.625rem; text-decoration: line-through; }

.product_sel { margin-top: 1.250rem; }
.list_tit2 { display: block; position: relative; overflow: hidden; padding: 0 2.750rem; width: 100%; height: 3.125rem; border: 1px solid #eee; border-radius: 0.625rem; color: #111; font-size: 0.875rem; text-align: left; background: url('/resources/axproject/img/arrow_off.png') no-repeat 0.625rem 50%; background-size: 1.500rem auto; }
.product_sel.on .list_tit2 { color: #111; font-weight: bold; border: 0.125rem solid #2e82ff; background-image: url('/resources/axproject/img/arrow_on.png'); }
.product_sel .list_view { display: none; padding: 0.938rem 0; }
.list03 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: -0.938rem; }
.list03 li { position: relative; margin-top: 0.938rem; padding: 0.938rem; width: calc(50% - 0.313rem); min-height: 5.625rem; border: 1px solid #ddd; border-radius: 0.625rem; height: 112px;}
.list03 li.on::after { display: block; content: ''; position: absolute; top: -0.125rem; left: -0.125rem; width: 100%; height: 100%; border-radius: 0.625rem; border: 0.125rem solid #2e82ff; box-sizing: content-box; }
.list03 li.on dt { color: #2e82ff; }
.list01 li.on .lq3000 { color: #2e82ff; }
.list01 li.on .lq3000_ser { border: 1px solid #3083ff; }
.list03 i { position: absolute; top: 0.313rem; right: 0.313rem; width: 2.5rem; height: 2.5rem; }
.list03 .dl_ty4 dt { color: #000; line-height: 1.4rem; font-size: 0.813rem; }
.list03 .btn_view { position: absolute; bottom: 0px; right: 0px; width: 1.500rem; height: 1.500rem; border: 1px solid #ddd; border-radius: 0.625rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/ic_zoom_s.png') no-repeat 50% 50%; background-size: 1rem auto; z-index: 5;}
.list03 li.on .btn_view { bottom: -2px; right: -2px; border: 2px solid #2e82ff; background-image: url('/resources/axproject/img/ic_zoom_s_on.png');}

.new_list03 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: -0.938rem; }
.new_list03 li { position: relative; margin-top: 0.938rem; padding: 0.938rem; width: calc(50% - 0.313rem); min-height: 10.0rem; border: 1px solid #ddd; border-radius: 0.625rem; height: 112px;}
.new_list03 li.on::after { display: block; content: ''; position: absolute; top: -0.125rem; left: -0.125rem; width: 100%; height: 100%; border-radius: 0.625rem; border: 0.125rem solid #2e82ff; box-sizing: content-box; }
.new_list03 li.on dt { color: #2e82ff; }
.new_list01 li.on .lq3000 { color: #2e82ff; }
.new_list01 li.on .lq3000_ser { border: 1px solid #3083ff; }
.new_list03 i { position: absolute; top: 0.313rem; right: 0.313rem; width: 3.2rem; height: 3.2rem; }
.new_list03 .dl_ty4 dt { color: #000; line-height: 1.4rem; font-size: 0.813rem; }
.new_list03 .btn_view { position: absolute; bottom: 0px; right: 0px; width: 1.500rem; height: 1.500rem; border: 1px solid #ddd; border-radius: 0.625rem; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/resources/axproject/img/ic_zoom_s.png') no-repeat 50% 50%; background-size: 1rem auto; z-index: 5;}
.new_list03 li.on .btn_view { bottom: -1px; right: -1px; border: 2px solid #2e82ff; background-image: url('/resources/axproject/img/ic_zoom_s_on.png');}


/* 패키지 상세보기 */
.package_detail { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 500; }
.package_cont { position: relative; overflow: hidden; border-radius: 0; background-color: #fff; height: 100%;}
.package_cont_new { position: relative; overflow: hidden; border-radius: 0; background-color: #fff; height: 100%;}
.package_top { position: relative; padding: 0 0.938rem; height: 3rem; }
.package_top .title { color: #333; line-height: 3.125rem; font-size: 0.938rem; font-weight: 500; }
.package_top .btn_close_box { position: absolute; top: 0; right: 0; padding: 0.813rem 0.938rem; width: 3.375rem; height: 3.125rem; }
.package_mid { overflow-y: auto; height: calc(100% - 3rem); }
.package_mid img { max-width: 100%; width: 100%; }
.select_items { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: -0.938rem; margin-bottom: 0.938rem; }
.select_items .item { position: relative; margin-top: 0.938rem; padding: 0.938rem 3.750rem 0.938rem 0.938rem ; width: calc(50% - 0.313rem); min-height: 3.125rem; border: 1px solid #ddd; border-radius: 0.625rem; }
.select_items .item strong { color: #000; line-height: 0.938rem; font-size: 0.813rem; font-weight: bold; }
.select_items .item i { position: absolute; top: 0.313rem; right: 0.313rem; width: 2.5rem; height: 2.5rem; }

li:disabled,
li.disabled { background-color: #e0e0e0 !important; }


/* popupStyle1 */
.popup_style1 { display: none; position: relative; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 500; }
.popup_style1_cont { position: relative; overflow: auto; border-radius: 0; background-color: transparent; height: 100%; padding: 10%;}
.popup_style1_top { position: relative; padding: 0 0.938rem; height: 3rem; background: white;}
.popup_style1_top .title { color: #333; line-height: 3.125rem; font-size: 0.938rem; font-weight: 500; }
.popup_style1_top .btn_popup_style1_close { position: absolute; top: 0; right: 0; padding: 0.813rem 0.938rem; width: 3.375rem; height: 3.125rem; }
.popup_style1_mid { position: relative; }
.popup_style1_mid img { max-width: 100%; width: 100%; }


.speech-bubble {
	position: relative;
	background: #3a9a03;
	border-radius: .9em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #3a9a03;
	border-bottom: 0;
	border-left: 0;
	margin-left: -7rem;
	margin-bottom: -10px;
}

.popup-close{
	position: absolute;
	background: #000; 
	color: #fff; 
	top: 0.6rem; 
	font-size: 0.8rem; 
	right: 0.4rem; 
	width: 3rem !important; 
	height: 1.7rem !important; 
	border-radius: 0.5rem;
	padding:0rem;
}

.mainHeader{
	background: white; 
	z-index: 101;
	position:fixed; 
	width: 900px; 
	left: 50%; 
	transform: translate(-50%, 0);
}
.dl_ty5.hot:before {
  z-index: 1;
  content: '';
  display: inline-block;
  position: absolute;
  top: 43px;
  right: 10px;
  width: 33px;
  height: 22px;
  background: url(/resources/axproject/img/renewal/ico_hot.png) no-repeat left top/cover;
}
@media (min-width: 451px){
	.main_slide .slide_txt dd { 
		line-height: 1.500rem; 
		font-size: 0.875rem;
		position: absolute; 
	}
	.main_banner_title_sub1{
		font-weight: 300; 
		bottom: 95px; 
		left: 80px;
		
	}
	.main_banner_title_sub2{
		font-weight: 300; 
		bottom: 69px; 
		left: 80px;
		
	}
	.main_banner_title_sub3{
		font-weight: 300; 
		bottom: 45px; 
		left: 80px;
		
	}
	.main_slide .slide_txt dt { 
		font-size: 1.2rem;
		position: absolute;
		top: 88px;
		left: 45px;
	}
	
	.main_banner_title_head{
		font-weight: 400; 
		margin-left: 35px;
	}
	
	.main_banner_title_head2{
		font-weight: 400; 
		margin-left: 35px;
		top: 120px !important;
        border-radius: 1rem;
        padding: 0.3rem 1rem;
        font-size: 0.8rem !important;
        background: #ffffff5c;
	}
	
	.main_banner_img_01{
	  z-index: 50;
	  top: 28px;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  left: 80px;
	  width: 230px;
	  height: 55px;
	  background: url(https://tbtechad.s3.ap-northeast-2.amazonaws.com/tbex/images/cu/main/banner01_title.png) no-repeat left top/cover;
	}
	.main_banner_img_02{
	  top: 28px;
	  z-index: 50;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  left: 80px;
	  width: 380px;
	  height: 116px;
	  background: url(https://tbtechad.s3.ap-northeast-2.amazonaws.com/tbex/images/cu/main/banner02_title.png) no-repeat left top/cover;
	}
	.main_banner_img_03{
	  z-index: 50;
	  top: 28px;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  left: 80px;
	  width: 350px;
	  height: 116px;
	  background: url(https://tbtechad.s3.ap-northeast-2.amazonaws.com/tbex/images/cu/main/banner03_title.png) no-repeat left top/cover;
	}
	
	.process_img{
		width: 65%
	}
}
@media (max-width: 640px){
    .login_wrap {
        padding: 15px;
    }
    .dl_ty5.hot:before {
      z-index: 1;
      content: '';
      display: inline-block;
      position: absolute;
      top: 39px;
      right: 10px;
      width: 33px;
      height: 22px;
      background: url(/resources/axproject/img/renewal/ico_hot.png) no-repeat left top/cover;
    }
}
@media (max-width: 450px){
	.dl_ty5.hot:before {
	  z-index: 1;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  top: 39px;
	  right: 10px;
	  width: 33px;
	  height: 22px;
	  background: url(/resources/axproject/img/renewal/ico_hot.png) no-repeat left top/cover;
	}
	
	.main_slide .slide_txt dd { 
		line-height: 1.500rem; 
		font-size: 0.875rem;
		position: absolute; 
	}
	.main_banner_title_sub1{
		font-weight: 300; 
		bottom: 85px; 
		left: 30px;
		
	}
	.main_banner_title_sub2{
		font-weight: 300; 
		bottom: 65px; 
		left: 30px;
		
	}
	.main_banner_title_sub3{
		font-weight: 300; 
		bottom: 45px; 
		left: 30px;
		
	}
	.main_slide .slide_txt dt { 
		font-size: 1.2rem;
		position: absolute;
		top: 35px;
	}
	.main_banner_title_head{
		font-weight: 400; 
		margin-left: 35px;
	}
	.main_banner_title_head2{
		font-weight: 400; 
		margin-left: 35px;
		top: 63px !important;
        border-radius: 1rem;
        padding: 0.3rem 1rem;
        font-size: 0.725rem !important;
        background: #ffffff5c;
	}
	.main_banner_img_01{
	  z-index: 50;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  left: 30px;
	  width: 131px;
	  height: 30px;
	  background: url(https://tbtechad.s3.ap-northeast-2.amazonaws.com/tbex/images/cu/main/banner01_title.png) no-repeat left top/cover;
	}
	.main_banner_img_02{
	  z-index: 50;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  left: 30px;
	  width: 210px;
	  height: 65px;
	  background: url(https://tbtechad.s3.ap-northeast-2.amazonaws.com/tbex/images/cu/main/banner02_title.png) no-repeat left top/cover;
	}
	.main_banner_img_03{
	  z-index: 50;
	  content: '';
	  display: inline-block;
	  position: absolute;
	  left: 30px;
	  width: 208px;
	  height: 75px;
	  background: url(https://tbtechad.s3.ap-northeast-2.amazonaws.com/tbex/images/cu/main/banner03_title.png) no-repeat left top/cover;
	}
	
	.process_img{
		width: 100%
	}
}