@charset "utf-8";
@import '/tmap2/m/share/css/font.css';

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.1;
    color: inherit;
}

/* 공통 */
.terms_inner {padding: 23px 17px; font-size: 15px;    line-height: 20px;
    color: #000;}
.terms_inner table th {border:1px solid #ccc; padding:10px; text-indent: 0}
.terms_inner table td {border:1px solid #ccc; padding:10px; text-indent: 0}
.terms_inner a {display: block;}

/*
* @page - /tmap2/m/app/tmap_agree_01.jsp
* @usage - app > 서비스 이용약관, 위치기반 서비스, 개인정보처리방침
* @comment - 이 페이지는 관련 css가 많아 wrapper를 따로 생성하지 않고 관련된 css만 수정
*/
/*#panel .cn.terms_inner *{font-size: 13px !important; color: #999;line-height: 21px; text-align: left; font-weight: normal !important}*/
#panel .cn.terms_inner h1{margin-top: 0; border: none !important}
#panel .cn.terms_inner h2,
#panel .cn.terms_inner h3{margin:20px 0 10px !important; border: none !important; color: #999;}
#panel .cn.terms_inner li{padding-top:5px !important; margin-bottom: 10px; padding: 0;}
#panel .cn.terms_inner p{padding-top: 0 !important; color: #999; border: none !important}
#panel .cn.terms_inner td > p{margin:0;}

#panel .cn.terms_inner h1,
#panel .cn.terms_inner h2,
#panel .cn.terms_inner h3,
#panel .cn.terms_inner p,
#panel .cn.terms_inner th,
#panel .cn.terms_inner td,
#panel .cn.terms_inner div,
#panel .cn.terms_inner li{font-size: 13px !important; color: #999 !important; line-height: 21px; text-align: left; font-weight: normal !important}
#panel .cn.terms_inner em{font-size: 18px !important; font-weight: bold; text-decoration: underline;}

#panel .agrt .cn .change_agree{min-height: 210px}
#panel .agrt .cn p{color: #999 !important; line-height: 21px}  /* 2021.12.23일 이전 p태그 용 */

#panel .list2.agrt .cn table:nth-of-type(1){display: none !important}

#panel .list1 h1{padding-bottom: 0}
#panel .list2 h1{display: none}

/* class 지정 */
#panel .terms_inner a{color: #476ade !important;}

/* li + ul 들여쓰기 필요하지않음 */
/*#panel .agrt .cn.terms_inner .change_agree li > ul li,*/
/*#panel .agrt .cn.terms_inner .change_agree li > ol li{margin:0; padding-left:15px}*/

/*
* @page - /tmap2/m/app/paid_services.jsp
* @usage - app > 서비스 안내
*/
.paid_service_terms_wrap .terms_inner ol,
.paid_service_terms_wrap .terms_inner ul {text-indent:-15px; padding-left:15px; margin-left: 15px}
.paid_service_terms_wrap .terms_inner li + ol,
.paid_service_terms_wrap .terms_inner li + ul {margin-left:0;}

/*
* @page - /tmap2/m/app/sign_up_agree_details.jsp?termsCode={약관코드}
* @usage - app > 동의 > 약관
*/
.signup_agree_terms_wrap .terms_inner ol,
.signup_agree_terms_wrap .terms_inner ul{text-indent:-15px; padding-left:15px; margin-bottom: 19px}
.signup_agree_terms_wrap .terms_inner a {margin-bottom: 20px; -webkit-tap-highlight-color: transparent;}
.signup_agree_terms_wrap .terms_inner a:link,
.signup_agree_terms_wrap .terms_inner a:visited,
.signup_agree_terms_wrap .terms_inner a:hover,
.signup_agree_terms_wrap .terms_inner a:active {
    color: blue;
}
.signup_agree_terms_wrap .terms_inner thead td{text-align: center}
.signup_agree_terms_wrap .terms_inner td p{margin:0; margin-bottom: 19px}
.signup_agree_terms_wrap .terms_inner em{font-size: 17px; font-weight: bold; text-decoration: underline;}

/*
* @usage - AUTO > 현대택시
*/
.htaxi_terms_wrap .terms_inner{padding: 0 !important}
.htaxi_terms_wrap .terms_inner h1,
.htaxi_terms_wrap .terms_inner h2,
.htaxi_terms_wrap .terms_inner h3,
.htaxi_terms_wrap .terms_inner div,
.htaxi_terms_wrap .terms_inner p,
.htaxi_terms_wrap .terms_inner span,
.htaxi_terms_wrap .terms_inner table{color: #9d9d9d; font-size: 15px; margin-bottom: 20px; line-height: 1.33; word-break: break-word;}
.htaxi_terms_wrap .terms_inner li {color: #9d9d9d; font-size: 15px; line-height:1.33; }
.htaxi_terms_wrap .terms_inner h1 { font-size:18px; color:#fff; line-height: 1.22}
.htaxi_terms_wrap .terms_inner table th,
.htaxi_terms_wrap .terms_inner table td{border: 1px solid #4d4d4d; padding: 8px; color: #9d9d9d; font-size: 13px; line-height: 1.23; word-break: break-all; vertical-align: top;}
.htaxi_terms_wrap .terms_inner table th{text-align: center; vertical-align: middle}

.htaxi_terms_wrap .terms_inner ol,
.htaxi_terms_wrap .terms_inner ul{text-indent: -20px; padding-left: 20px; margin-bottom: 25px;}

.htaxi_terms_wrap.htaxi_privacy_policy .terms_inner{padding-top: 20px !important}
.htaxi_terms_wrap.htaxi_privacy_policy .terms_inner ul{text-indent: unset; padding-left: 0; margin:0}
.htaxi_terms_wrap.htaxi_privacy_policy .terms_inner li{padding:10px 0 10px}
.htaxi_terms_wrap.htaxi_privacy_policy .terms_inner li ul{margin:0}
.htaxi_terms_wrap.htaxi_privacy_policy .terms_inner a {display: unset; color: #9d9d9d;}

/*
* @usage - AUTO > BYD
*/
.byd_terms_wrap .terms_inner{padding: 0 !important}
.byd_terms_wrap .terms_inner h1,
.byd_terms_wrap .terms_inner h2,
.byd_terms_wrap .terms_inner h3,
.byd_terms_wrap .terms_inner div,
.byd_terms_wrap .terms_inner p,
.byd_terms_wrap .terms_inner span,
.byd_terms_wrap .terms_inner table{color: #9d9d9d; font-size: 18px; margin-bottom: 27px; line-height: 1.33; word-break: break-word;}
.byd_terms_wrap .terms_inner li {color: #9d9d9d; font-size: 18px; line-height:1.33; padding: 5px 0; }
.byd_terms_wrap .terms_inner h1 { font-size:21px; color:#fff; line-height: 1.24; margin-top: 0; margin-bottom: 46px;}
.byd_terms_wrap .terms_inner article {margin-bottom: 46px;}
.byd_terms_wrap .terms_inner article h1 { font-size:18px; color:#9d9d9d; line-height: 1.33;}
.byd_terms_wrap .terms_inner h2 { margin-top: 46px;}
.byd_terms_wrap .terms_inner .contents h2 { font-size:21px; color:#fff; line-height: 1.24; margin-top: 46px;}
.byd_terms_wrap .terms_inner table th,
.byd_terms_wrap .terms_inner table td{border: 1px solid #4d4d4d; padding: 8px; color: #9d9d9d; font-size: 16px; line-height: 1.38; word-break: break-all; vertical-align: top;}
.byd_terms_wrap .terms_inner table th{text-align: center; vertical-align: middle}

.byd_terms_wrap .terms_inner ol,
.byd_terms_wrap .terms_inner ul{text-indent: -20px; padding-left: 20px; margin-bottom: 25px;}

.copyright .terms_inner h1 { font-size:21px; color:#fff; line-height: 1.24; margin-top: 0; margin-bottom: 27px;}
.byd_sign_up_agree_details .terms_inner h2 { font-size:21px; color:#fff; line-height: 1.24;}

.byd_terms_wrap.byd_privacy_policy .terms_inner{padding-top: 20px !important}
.byd_terms_wrap.byd_privacy_policy .terms_inner ul{text-indent: unset; padding-left: 0; margin:0}
.byd_terms_wrap.byd_privacy_policy .terms_inner li{padding:10px 0 10px 20px; text-indent: -20px; }
.byd_terms_wrap.byd_privacy_policy .terms_inner li:last-child{margin-bottom: 20px;}
.byd_terms_wrap.byd_privacy_policy .terms_inner table li{padding:10px 0 10px;font-size:16px; color:#9d9d9d; line-height: 1.38; text-indent: 0;}
.byd_terms_wrap.byd_privacy_policy .terms_inner li ul{margin:0}
.byd_terms_wrap.byd_privacy_policy .terms_inner a {display: unset; color: #9d9d9d;}

/*
* @page - 홈페이지 약관 > 공통
*/
.homepage_terms_wrap .terms_inner { padding: 10px 20px; font-size: 12px; font-family: 'TMOBI300', sans-serif; color: #666; line-height: 18px;}
.homepage_terms_wrap .terms_inner h1{ margin-bottom: 20px; font-weight:bold;}
.homepage_terms_wrap .terms_inner li > ol li,
.homepage_terms_wrap .terms_inner li > ul li,
.homepage_terms_wrap .terms_inner li > ul{margin-bottom: 0;}
.homepage_terms_wrap .terms_inner a{margin-bottom: 10px}
.homepage_terms_wrap .terms_inner h2,
.homepage_terms_wrap .terms_inner h3,
.homepage_terms_wrap .terms_inner p,
.homepage_terms_wrap .terms_inner ul{margin-bottom: 10px; line-height: 21px;}
.homepage_terms_wrap .terms_inner table { width: 95%; margin: 10px auto;}
.homepage_terms_wrap .terms_inner table caption{display: none}

/*
* @page - /tmap2/m/app/term_location.jsp
* @usage - tmap 홈페이지 > 풋터 > 위치기반 서비스 약관
*/

.homepage_terms_wrap#TTERMS-B2C-2 .terms_inner table{display: none}   /* 테이블 숨김 */
.homepage_terms_wrap#TTERMS-B2C-2 h1{display: none}

/*
* @page - /terms/ifr_pers_info_agree.do
* @usage - tmap 홈페이지 > 풋터 > 개인정보처리방침
*/
.homepage_terms_wrap#INFO-PRIVACY-1 .terms_inner{padding-top: 10px;}
.homepage_terms_wrap#INFO-PRIVACY-1 .terms_inner h2{color: #de2e02;  font-family: 'TMOBI500', sans-serif;}
.homepage_terms_wrap#INFO-PRIVACY-1 .terms_prev_link a{display: inline-block; color: blue; text-decoration:underline; font-weight:bold; padding:0 0 10px 20px;}
.homepage_terms_wrap#INFO-PRIVACY-1 em{font-size: 15px; font-weight: bold; text-decoration: underline;}

    /*
    * @page - /tmap2/m/app/paid_services_test.jsp
    * @usage - app > 서비스 안내
    */
#INFO-SERVICE-1_test ol,
#INFO-SERVICE-1_test ul { }
#INFO-SERVICE-1_test li + ol,
#INFO-SERVICE-1_test li + ul {padding-left:15px;}

/*
* @usage - AUTO > TMAP AUTO
*/
.tmapauto_terms_wrap{padding: 40px}
.fca_terms_wrap{padding: 40px}
/*
* @usage - AUTO 약관 컨텐츠 공통 적용 ,
* css 스타일이 다른 auto 프로젝트 일경우 해당 프로젝트의 css 파일에서 수정할것.
* https://app.zeplin.io/project/5e46369eeb190eae1a282af4/screen/5e9d4e18ff61d552615d697b
*/
.auto_terms_wrap .terms_inner{padding: 0; font-size: 28px;  line-height: 1.29; letter-spacing: 0.019rem; color: #9d9d9d; }
.auto_terms_wrap .terms_inner h1,
.auto_terms_wrap .terms_inner h2,
.auto_terms_wrap .terms_inner h3,
.auto_terms_wrap .terms_inner div,
.auto_terms_wrap .terms_inner p,
.auto_terms_wrap .terms_inner span,
.auto_terms_wrap .terms_inner table{color: #9d9d9d; font-size: inherit; margin-bottom: 32px; line-height: 1.29; word-break: break-word;}
.auto_terms_wrap .terms_inner li {color: #9d9d9d; font-size: inherit; line-height: 1.25; }
.auto_terms_wrap .terms_inner h1 { font-size:32px; color:#fff; line-height: 1.25}
.auto_terms_wrap .terms_inner table th,
.auto_terms_wrap .terms_inner table td{border: 1px solid #4d4d4d; padding: 8px 14px; color: #9d9d9d; font-size: 24px; letter-spacing: 0.038rem; line-height: 1.33; word-break: break-all; vertical-align: top;}
.auto_terms_wrap .terms_inner table th{text-align: center; vertical-align: middle}

.auto_terms_wrap .terms_inner ol,
.auto_terms_wrap .terms_inner ul{text-indent: -30px; padding-left: 30px; margin-bottom: 45px;}

.auto_terms_wrap.privacy_policy .terms_inner{padding-top: 40px !important}
.auto_terms_wrap.privacy_policy .terms_inner ul{text-indent: unset; padding-left: 0; margin:0}
.auto_terms_wrap.privacy_policy .terms_inner li{padding:10px 0 10px}
.auto_terms_wrap.privacy_policy .terms_inner li ul{margin:0}
.auto_terms_wrap.privacy_policy .terms_inner a {display: unset; color: #9d9d9d;}