@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: 0rem;}
.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.5rem; line-height: 3.125rem; font-size: 1rem; font-weight:600; font-family:"Noto Sans KR", 'Apple SD Gothic Neo';}
.btn.half:disabled, 
.btn.half.disabled { background-color: #999 !important; }
.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: 4.17rem; 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'); }

.new_btn_back { 
	display: inline-block;
    position: relative;
    width: 1rem;
    height: 3.3125rem;
    line-height: 0;
    font-size: 0;
    text-indent: -9999px;
    margin-left: 0.8rem;
    background: url(/resources/axproject/img/tsl/tsl_back_btn.png) no-repeat 0 50%;
    background-size: 0.5rem auto;
    vertical-align: top; 
}

/* 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: 3.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: 30%; right: -0.500rem; margin-top: -0.500rem; width: 0.750rem; height: 1.125rem; background: url('/resources/axproject/img//tsl/ic_process_arrow_off.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/tsl/ic_process_arrow.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; /*background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));*/ 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 top, #000000, rgba(0, 0, 0, 0));*/ 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; border-bottom: 1px solid #ededed; }*/ 
.noti .nickname { display: inline-block; font-weight: 600; vertical-align: top;}
.noti .car { position: relative; padding-left: 1.250rem; color: #ededed; }
/* .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.6rem; line-height: 3.750rem; /*border-radius: 0 0 0.625rem 0.625rem;*/ background-color: #fff; }
.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; }
.takeover_box { display: block; text-align:center; margin: 0.6rem 0 0.6rem 0; padding: 0 0.938rem 0 1.250rem; height: 3.125rem; border: 1px solid #CFCFCF; border-radius: 0.29rem; color: #858585; line-height: 3.000rem; font-size: 0.875rem;}
.takeover_box.on {color: #d93a3a; font-weight: bold; border: 0.094rem solid #d93a3a; line-height: 2.9375rem;}

li.on .list_tit { color: #d93a3a; font-weight: bold; border: 0.094rem solid #d93a3a; line-height: 2.9375rem; background-image: url('/resources/axproject/img/arrow_on_red.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: 1.3rem; padding-left: 1.7rem; color: #555; font-size: 0.875rem; padding-top: 0.4rem }
.check2 label:before { display: block; content: ''; position: absolute; top: 0rem; left: 0rem; 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; }
.check3.all { width: 100%; }
.check3 {  width: 100%; vertical-align: top; }
.check3 [type=checkbox] { display: none; }
.check3 [type=checkbox]:checked + label:before { background-image: url('/resources/axproject/img/check_on.png'); }
.check3 label { display: block; position: relative; height: 2.4rem; line-height: 2.4rem; padding-left: 2.3rem; color: #555; font-size: 0.875rem; }
.check3 label:before { display: block; content: ''; position: absolute; top: 0rem; left: 0.750rem; width: 1.500rem; height: 2.4rem; line-height: 2.125rem;  background-size: 1.500rem auto; }
.check_white.all { width: 100%; }
.check_white {  width: 100%; vertical-align: top; }
.check_white [type=checkbox] { display: none; }
.check_white [type=checkbox]:checked + label:before { background-image: url('/resources/axproject/img/check_on_white.png'); }
.check_white label { display: block; position: relative; height: 2.4rem; line-height: 1.3rem; padding-left: 1.7rem; color: #555; font-size: 0.875rem; padding-top: 0.4rem }
.check_white label:before { display: block; content: ''; position: absolute; top: 0rem; left: 0rem; 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: 2.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: #9b9b9b; 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: 1.2rem; 
	font-weight: 600;
	font-family: "Noto Sans KR", 'Apple SD Gothic Neo' !important;
 }
.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; border-radius: 0.25rem;}
.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 #818181; border-radius: 0.25rem; color: #818181; line-height: 3.000rem; font-size: 0.9rem; text-align:center;  font-family: "Noto Sans KR", 'Apple SD Gothic Neo'; font-weight:600;}
.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');*/ }

.payment_type_label.on { color: #333; border: 0.094rem solid #d22f27; color: #d22f27; line-height: 2.9375rem; }

.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 { padding-top: 0.563rem; }
.address .addr1 { color: #838383; line-height: 1.3rem; font-size: 0.9rem; }
.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 0.7rem; border-top: 0 none; /*border-bottom: 1px solid #eee;*/ font-family: "Noto Sans KR", 'Apple SD Gothic Neo'; }
#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: 600}
#order_product .dl_ty2 dd{font-weight: 500}

/* login */
.login { position: absolute; width: 100%; height: 100vh; text-align: center; background: url('/resources/axproject/img/tsl/intro_bg.jpg') no-repeat 50% 50%; background-size: cover;}
.login_wrap { position: absolute; top: 50%; left: 0; padding: 1rem; width: 100%; height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top:4px;}
.login_top {padding-top: 6rem; }
.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: 0.938rem; }
.login_top .login_logo img { width: 10.5rem;}
.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.625rem; }
.login_form .row:first-child { margin-top: 0; }
.login_form .form_control { padding-left: 0.8rem; color: #fff; font-size: 0.91rem; border: 1px solid rgba(255,255,255); background-color: #00000047; height:3.5rem}
.login_form .form_control::-webkit-input-placeholder{color:#fff; }
.login_form .form_control:-ms-input-placeholder{color:#fff; }
.login_form .form_control::placeholder { color: #ffffff91; }

.login_form .btn_area { margin-top: 1.8rem; }
.login_form .btn.red { background-color: rgb(152 152 152 / 40%); }
.login_form .btn.alphagray { background-color: #FFFFFF87; color:#fff; border-radius:0.3rem; }
.login_form .btn_area .btn_underline { margin-top: 1.875rem; }
.login_form .row i { position: absolute; top: 1.000rem; left: 0.938rem; }
.icon_phone { display: inline-block; width: 1.125rem; height: 1.125rem; /*background: url('/resources/axproject/img/icon_phone.png') no-repeat 50% 50%;*/ background-size: 1.125rem 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.125rem; /*background: url('/resources/axproject/img/icon_lock.png') no-repeat 50% 50%;*/ background-size: 1.125rem auto; vertical-align: top; }
.form_control { display:inline-block; padding: 0 0.938rem; width: 100%; height: 3.125rem; border: 1px solid #ddd; border-radius: 0.4rem; 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: 20.625rem; 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-bottom: 1.500rem; color: #111; line-height: 1.375rem; font-size: 0.938rem; margin-top:0.8rem;}
.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: 4.2rem; font-size: 1.25rem; font-weight: 600; }
.modal_hd .btn_close { position: absolute; top: 0.5rem; right: 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: #444; 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; }
.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: 400; }


/* 썬팅 선택 */
.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); }
.list01 li:first-child { margin-top: 0; }
.list01 a { display: block; padding: 1.6rem 1.338rem 0.938rem 1.388rem; min-height: 7.4rem; }
.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; left: 0; width: 100%; height: 100%; border: 1.5px solid #333; border-radius: 0.625rem; box-sizing: border-box; background:#333}*/
.list01 .btn_view { position: absolute; bottom: -1px; right: -1px; 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 {
	display: block; 
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0px solid #2e82ff; 
	border-radius: 0.625rem; 
	box-sizing: border-box; 
	background:#fff;
	padding: 1.6rem 1.338rem 0.938rem 1.388rem; 
	color: #333;
	}
.dl_ty4.on {
	display: block; 
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0px solid #2e82ff; 
	border-radius: 0.625rem; 
	box-sizing: border-box; 
	background:#D93A3A;
	padding: 1.6rem 1.338rem 0.938rem 1.388rem; 
	color: #F2F2F2;
	background-image: linear-gradient(to left, #00000033, rgba(0, 0, 0, 0));
	}
.dl_ty4 dt { margin-bottom: 0.625rem; line-height: 1.063rem; font-size: 1.3rem; font-weight: 600; }
.dl_ty4 dd { line-height: 1.2rem; font-size: 0.82rem; }
.tag_group { position: flex; bottom: 1.063rem; left: 7.188rem; line-height: 0; font-size: 0; padding-top:0.3rem}
.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: 0.125rem solid #D93A3A; border-radius: 0.625rem; box-sizing: border-box; }
.list01 li.on .tag { border-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%;
	font-weight: 600;
    font-size: 0.9rem;
    font-family: "Noto Sans KR", 'Apple SD Gothic Neo'; 
    }
.price_half dd { 
	width: 60%; 
	font-size: 0.875rem; 
	text-align: right; 
	font-weight: 500; 
	font-family: "Noto Sans KR", 'Apple SD Gothic Neo';  
	}
.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); }


/* 브랜드 선택 */
.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(100% - 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 #D93A3A; box-sizing: content-box; }
.dl_ty5 { position: relative; border: 1px solid #eee; border-radius: 0.625rem; }
.dl_ty5 dt { position: relative; padding: 0.4rem 0.938rem }
.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 0.625rem 0.625rem 0.625rem; width: 2.438rem; height: 2.438rem; z-index: 5; }
.dl_ty5 dd { padding: 0.625rem; text-align: center; }
.dl_ty5 dd img { height: 3.125rem; }

/* 브랜드 상세보기 */
.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; height: 0rem; }
.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: 100%; }
.brand_mid img { max-width: 100%; width: 100%; }


/* 썬팅 부위 선택 */
.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 #a71112; background-color: #fff; color: #a71112; 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 { /*border: 0.094rem solid #2e82ff;*/ 
	line-height: 2.9375rem; 
	background: #D93A3A; 
	background-image: linear-gradient(to left, #00000033, rgba(0, 0, 0, 0));
}
.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.625rem; }
.density_list { margin-top: 0.313rem; font-family: "Noto Sans KR", 'Apple SD Gothic Neo'; font-weight: 600; }
.density_list li { margin-top: 0.55rem; }
.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: 21vw; 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: #F6F6F6; }
.density_item > div:nth-child(2) { background-color: #F6F6F6; }
.density_item > div:nth-child(3) { background-color: #F6F6F6; }
.density_item > div:nth-child(4) { background-color: #F6F6F6; }

.density_item > div:nth-child(5) { background-color: #e1e1e1; }
.density_item > div:nth-child(6) { background-color: #e1e1e1; }

.density_item > div:nth-child(7) { background-color: #b1b1b1; color: #fff;}
.density_item > div:nth-child(8) { background-color: #a4a4a4; color: #fff;}
.density_item > div:nth-child(9) { background-color: #a4a4a4; color: #fff;}

.density_item > div:nth-child(10) { background-color: #848484; color: #fff;}
.density_item > div:nth-child(11) { background-color: #464646; color: #fff;}
.density_item > div:nth-child(12) { background-color: #464646; color: #fff;}
.density_item > div:nth-child(13) { background-color: #464646; color: #fff;}

.density_item > div:nth-child(14) { background-color: #353535; color: #fff;}

.density_item > div:nth-child(15) { background-color: #232323; color: #fff;}
.density_item > div:nth-child(16) { background-color: #232323; 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: 3.625rem; height: 5.000rem; background: none; }
.select_list2 li .list_tit i { position: absolute; top: 1.4rem; left: 0.925rem; padding-right: 0.625rem; width: 4.375rem; height: 3.75rem; /*border-right: 1px solid #eee;*/ }
.select_list2 li .list_tit p { color: #515151; line-height: 4.875rem; font-size: 0.938rem; font-weight: bold; line-height: 1rem; margin-top: 1.3rem;font-family: "Noto Sans KR", 'Apple SD Gothic Neo'; }
.select_list2 li.on .list_tit { padding-left: 3.625rem; /*background: none;*/ }
.select_list2 li.on .list_tit p { color: #fff; /*background: none;*/ }
.select_list2 li.on .list_tit .recommend_icn { content: url('/resources/axproject/img/tsl/icn_recommend_white.png'); }
.select_list2 li.on .list_tit .diy_icn { content: url('/resources/axproject/img/tsl/icn_tinting_diy_white.png'); }
.select_list2 li.on .list_tit .recommend_arrow { content: url('/resources/axproject/img/tsl/arrow_white.png'); }
.select_list2 li .list_detail { padding: 0.938rem 0 1.250rem;}
.select_list2 li .density_list li { position: relative; padding: 0 0 0 2.500rem; }
.select_list2 li .density_list .txt { position: absolute; top: 0; left: 0; color: #555; font-size: 0.750rem; line-height: 2.5rem; }
.select_list2 li .density_top { padding-left: 2.5rem; }
.select_list2 li .density_item > div.on strong { /* display: none; */ }
.select_list2 li .density_item > div.active strong { display: block; }
.select_list2 li .density_item > div.active { /* color: #fff; */ /* background-color: #2e82ff; */ border: 3px solid #D93A3A;}

.gray_box { overflow: hidden; margin-top: 1.250rem; padding: 0.938rem; border-radius: 0.325rem; background-color: #F4F4F4; }
.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.770rem; text-indent: -0.813rem; }
.gray_box p:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; color:#333333; font-size: 0.74rem;}

.gray_box2 { 
	overflow: hidden;
    margin-top: 1.25rem;
    padding-left: 1rem; 
}
.gray_box2 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_box2 p:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; color:#333333; font-size: 0.74rem;}


/* 농도 상세보기 */
.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: 90px;}
.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; }
.list03 i { position: absolute; top: 0.313rem; right: 0.313rem; width: 2.5rem; height: 2.5rem; }
.list03 .dl_ty4 dt { color: #000; line-height: 0.938rem; font-size: 0.813rem; }
.list03 .btn_view { position: absolute; bottom: -1px; right: -1px; 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');}


/* 패키지 상세보기 */
.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_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%; }