/* regular */
@font-face {
	font-family: 'Noto Sans KR'; 
	font-weight:400;
	src: url('/tmap2/m/share/fonts/notokr-regular.woff');	
}
/* medium */
@font-face {
	font-family: 'Noto Sans KR'; 
	font-weight:500;
	src: url('/tmap2/m/share/fonts/notokr-medium.woff');	
}
	
* {line-height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400; color:#fff; }
body{/* touch-action: none; */ margin:0; padding:0; background:transparent; width:100%; font-family: 'Noto Sans KR', sans-serif; font-weight:400; color:#fff; background:#0c0c0c
;}
a{text-decoration:none; -webkit-tap-highlight-color: transparent;}
a:focus {outline: none;}
table {font-size:12px !important; line-height: 1.2em;}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
label {font-weight:normal}
legend, caption {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;}
#panel {width:100%; margin:0; background:#0c0c0c}
ul, ol, li { list-style: none;font-family: 'Noto Sans KR', sans-serif;}

/* main pages - menu */
.volvo.agree{padding:0; }
.volvo .panel{background:#0c0c0c; }
.volvo .panel-heading { padding:32px 40px; border-bottom:1px solid #1f1f1f;background:#0c0c0c; }
.volvo .panel-heading .panel-title{}
.volvo .panel-heading .panel-title a {position:relative;display:block; font-size:38px; line-height: 1.26;  letter-spacing: 0.2px; color:#fff}
.volvo .panel-heading .panel-title a:after {
	position:absolute; 	top:3px;		right:0;		content:"";
	background: url(/tmap2/m/images/app/volvo/ic-list-arrow-right-enabled@3x.png) left top no-repeat;	background-size: 100%;	width:44px; 	height:44px;display:inline-block;}

/* a:active 추가를 위하여 레이아웃 수정되면서 아래 클래스 추가 (다른 곳에 쓰일수도 있을 경우를 대비하여) */	
.volvo .panel .wrapper {display:block;background-image: none; -webkit-tap-highlight-color: transparent;}
.volvo .panel .wrapper.panel-heading { display:block; padding:32px 40px; border-bottom:1px solid #1f1f1f;background:#0c0c0c; }
.volvo .panel .wrapper:active { background: rgba(88,135,168,0.12)}
.volvo .panel .wrapper.panel-heading .panel-title .text {position:relative;display:block; font-size:38px; line-height: 1.26;  letter-spacing: 0.2px; color:#fff; opacity:1}
.volvo .panel .wrapper.panel-heading .panel-title .text:after {
	position:absolute; 	top:3px;		right:0;		content:"";
	background: url(/tmap2/m/images/app/volvo/ic-list-arrow-right-enabled@3x.png) left top no-repeat;	background-size: 100%;	width:44px; 	height:44px;display:inline-block;}

/* sub pages */
.volvo{padding:40px; text-align:left; width:auto; margin:0;}
.volvo h1{margin-bottom:68px; border:none; text-align:left; font-size: 30px;  font-weight: 400;   line-height: 1.33;  letter-spacing: 0.3px;  color: #ffffff;}
.volvo.copyright h1{margin-bottom:40px; font-weight: 400; }
.volvo .contents h2{margin-bottom:40px; text-align:left; font-size: 30px;  font-weight: 400;   line-height: 1.33;  letter-spacing: 0.3px;  color: #ffffff;}
.volvo .contents p{font-size: 28px; margin: 0 0 10px; padding-top: .42em; line-height: 36px; letter-spacing: 0.3px;  color: #9d9d9d;}
.volvo.copyright .contents p{padding:0;}
.volvo .contents article.a1 h1, .volvo .contents article.a2 h1{margin-bottom:30px;line-height: 1.5; padding:0; color: #9d9d9d; }
.volvo .contents article.a1, .volvo .contents article.a2{margin-bottom: 70px;}
.volvo .contents article.a1-2 p {margin-bottom: 10px;}
.volvo .contents article.a1-2 h1 {margin-bottom: 15px; color: #9d9d9d;}
.volvo .contents article p{ margin:0; padding-top:0;}
.volvo .contents article year, .volvo .contents article em{color: #9d9d9d;}

/* 개인정보처리방침 셀렉트 박스 */
.volvo .contents .select_fixed{}
.volvo .contents .select_fixed .tit_enforcement { font-size: 30px;line-height: 1.33;  letter-spacing: 0.3px; margin-bottom:20px}

.volvo .date_select {margin:10px 0 0 0; height:44px;}
.volvo .date_select .nice-select {width: 320px;    height: 76px;    font-size: 28px;    padding: 20px 24px;    color: #4e8dcc;    background: #0c0c0c;
    border: 1px solid #4d4d4d;    border-radius: 8px;    text-align: center;}
.volvo .date_select .nice-select .current { padding:0; margin:3px 0 0 0;color: #4e8dcc;    font-family: 'Noto Sans KR', sans-serif;    font-weight: 400;    display: inline-block; vertical-align: top;}
.volvo .date_select .nice-select:after {width:20px; height:18px; background: url('/tmap2/m/images/app/volvo/img_select_dropdown_volvo.png') no-repeat 0 -20px; background-size:100%;right: 30px; margin-top: -8px;}

.volvo .date_select .nice-select:active, 
.volvo .date_select .nice-select.open {}
.volvo .date_select .nice-select.open:after {width:20px; height:18px; background:url('/tmap2/m/images/app/volvo/img_select_dropdown_volvo.png') no-repeat 0 0; background-size:100%;right: 30px; margin-top: -8px;}

.volvo .date_select .nice-select .list {padding:14px 0;border:1px solid #5d6167;border-radius:6px;background: #0c0c0c;}
.volvo .date_select .nice-select.open .list {height:210px; overflow-y: scroll;}
.volvo .date_select .nice-select .list li {font-size:28px; min-height:76px; line-height:76px; color:#fff; padding:0 0 0 24px; border-bottom:1px solid  #282a2d;}
.volvo .date_select .nice-select .list li:first-child{border-top:1px solid  #282a2d;}
.volvo .date_select .nice-select .option {border:none}

.volvo .date_select .nice-select .option:hover {background-color:  rgba(88, 135, 168, 0.12);color:#fff} 
.volvo .date_select .nice-select .option.focus, 
.volvo .date_select .nice-select .option.selected.focus {background-color: #3a6a99; color:#fff }
.volvo .date_select .nice-select .list:hover .option.selected.focus:not(:hover) {background-color:#3a6a99 !important; color:#fff}

/* 개인정보처리방침 날짜별 내용 */
.volvo .change_agree {clear:both; }
.volvo .change_agree table th{text-align: center;padding: .42em 10px; }
.volvo .change_agree table th,
.volvo .change_agree table td {padding: .42em 10px; word-break: break-all;border: 1px solid #ccc; text-align: left; font-size:28px; line-height:36px; color:#9d9d9d}
.volvo .change_agree div, .volvo .change_agree span {font-size: 28px; padding-top:.42em; margin:0 0 10px; color:#9d9d9d}
.volvo .change_agree > div:first-child {padding:0}
.volvo .change_agree > div:first-child p:first-child {padding: 40px 0 0 0;}
.volvo .change_agree ol,
.volvo .change_agree ul,
.volvo .change_agree li {font-weight:normal; font-size:26px; line-height:36px; color:#9d9d9d}
.volvo .change_agree li {padding:0; padding-top:.42em; margin:0 0 10px;}
.volvo .change_agree li.mb5 span {display:block; margin:0 0 10px;}
.volvo .change_agree .txtbox01 {line-height:36px}

/* 이용약관동의  */
.volvo.agreement{padding:0; background-color: #0c0c0c;font-size:30px; display:block}
.volvo.agreement #agreeWrap{overflow-y: scroll; width:auto; background-color: #0c0c0c;font-family: 'Noto Sans KR', sans-serif;font-weight: 400;}
.volvo.agreement #agreeWrap .topArea{    padding: 40px 40px 60px;    border:none; display: block;    justify-content: normal;}
.volvo.agreement #agreeWrap .topArea h1{font-size: 30px;line-height: 1.33;  letter-spacing: 0.3px;  color: #ffffff; margin-bottom: 0;  border: none;font-family: 'Noto Sans KR', sans-serif;font-weight: 500;}
.volvo.agreement #agreeWrap .topArea .control {font-size: 30px; }
.volvo.agreement #agreeWrap .topArea .control-group {position:relative; display: flex;    justify-content: flex-end;}

/* 이용약관 체크박스 */
.volvo.agreement #agreeWrap .topArea .control__indicator {margin-left: 36px; top: 0;}
.volvo.agreement .control--checkbox .control__indicator:after {top:0; left:0; width:36px; height:36px; background:url(/tmap2/m/images/app/volvo/ic-check-selected-enabled@3x.png) no-repeat 0 0; background-size:36px;}

.volvo.agreement .control__indicator{ width:36px; height:36px; background: none;    border-radius: 5px;    border: 3px solid #9d9d9d;}
.volvo.agreement .control input:checked ~ .control__indicator {background: #0c0c0c;    border: none;}
#agreeWrap .terms_list li > a {color:#4e8dcc; font-family: 'Noto Sans KR', sans-serif;font-size:30px; font-weight: 400; line-height: 1.33;  letter-spacing: 0.3px;}
.volvo.agreement #agreeWrap .terms_list li > a:after {background: #4e8dcc;}
.volvo.agreement #agreeWrap .terms_list li > a span{position: relative; display: inline-block;color: #4e8dcc; line-height: 1.33;}
.volvo.agreement #agreeWrap .terms_list li > a span:after{display:inline-block;    content: "";    position: absolute;  left:0;  bottom: 0;    width: 100%;    height: 1px;background: #4e8dcc;}
.volvo.agreement #agreeWrap .scrollWrap {padding: 0 40px 80px; overflow-y: unset;}
.volvo.agreement #agreeWrap .terms_list li {margin: 0 0 60px 0;padding: 0 0 0 116px;}
.volvo.agreement #agreeWrap .terms_list li .check {position: absolute;top: 0;left: 20px;right: unset;}
.volvo.agreement #agreeWrap .terms_list li:nth-of-type(2) .check {top: 50%;margin-top: -18px;}
.volvo.agreement #agreeWrap .terms_list label.control { width: unset;  height: unset; }
.volvo.agreement #agreeWrap .terms_list li:last-child{padding-top:44px; border-top:1px solid #4d4d4d;} 
.volvo.agreement #agreeWrap .terms_list .control__indicator {top: 0;left: 0;} 
.volvo.agreement #agreeWrap .allCheck .control {position:unset; width:100%;} 
.volvo.agreement #agreeWrap .allCheck .control input{top:50%; left:18px;} 
.volvo.agreement #agreeWrap .allCheck .control__indicator {position:absolute; top: 50%;left: 18px; margin-top: 0;} 
.volvo.agreement #agreeWrap .allCheck .control{color: #fff;   font-family: 'Noto Sans KR', sans-serif; font-weight: 400;
    line-height: 1.33; letter-spacing: 0.3px; font-size: 30px;} 



/* 이용약관 전문보기 */
.volvo.agreement-sub{padding:0; }
.volvo#agreedetailsWrap{background:#0c0c0c;}
.volvo#agreedetailsWrap .tit {position: fixed;top: 0;width: 100%;height:112px; padding: 32px 40px 32px 112px;color: #fff;font-size: 38px;font-family: 'Noto Sans KR', sans-serif;font-weight: 400; background:#0c0c0c; box-shadow: none;line-height: 1.26;  letter-spacing: 0.2px;}
.volvo#agreedetailsWrap a.btn_back {left: 40px; top:34px;width: 44px; height: 44px; background: url(/tmap2/m/images/app/volvo/ic-gnb-back-enabled@3x.png) no-repeat 0 0;background-size: 44px 44px; border:none;}
.volvo#agreedetailsWrap .terms_inner {padding: 40px;}
.volvo#agreedetailsWrap .terms_inner h1, 
.terms_inner h2, 
.terms_inner h3, 
.terms_inner p, 
.terms_inner dl, 
.terms_inner table {
margin-bottom: 40px;font-family: 'Noto Sans KR', sans-serif;font-weight: 400; font-size: 28px;  line-height: 1.29; letter-spacing: 0.3px;  color: #9d9d9d;}
.volvo#agreedetailsWrap .terms_inner h1{font-size: 30px; color:#fff}
.volvo#agreedetailsWrap .terms_inner ul li, 
.volvo#agreedetailsWrap .terms_inner ol li,
.volvo#agreedetailsWrap .terms_inner dd, 
.volvo#agreedetailsWrap .terms_inner dt {font-family: 'Noto Sans KR', sans-serif;font-weight: 400; font-size: 28px;  line-height: 1.29; letter-spacing: 0.3px; color: #9d9d9d; }
.volvo#agreedetailsWrap .terms_inner table td, 
.volvo#agreedetailsWrap .terms_inner table th{font-size: 28px;  line-height: 1.29; letter-spacing: 0.3px;color: #9d9d9d; }
.volvo#agreedetailsWrap .terms_inner .indent_num {    text-indent: -32px;    padding-left: 30px;}
.volvo#agreedetailsWrap .terms_inner .indent_num2 {    text-indent: -23px;    padding-left: 23px;}
/* 버튼 */
.volvo.agreement .btnArea {position:fixed;left:0;bottom:0; width:100%; z-index: 99999}
.volvo.agreement .btnArea a { width:100%; background: #252525;    padding: 26px 40px;font-size: 38px;color: #fff; text-align: center;line-height: 1.26; letter-spacing: 0.2px; border:none; border-radius:unset;font-family: 'Noto Sans KR', sans-serif;font-weight: 400; }
.volvo.agreement .btnArea a.inactive { border:none;  background-color: #1d354d; }
.volvo.agreement .btnArea a.inactive span { opacity:0.2}
.volvo.agreement .btnArea a.active {  border:none;  background-color: #3a6a99; }
.volvo.agreement .btnArea a.active span{ opacity:1}