﻿@charset "utf-8";
/* 탭 */ 
.tab_terms {margin-top:146px}/* 22/11/09 수정 */
.tab_terms ul li {float:left;display:table;width:20%;height:62px;border-left:1px solid #fff;box-sizing:border-box;}
.tab_terms ul li:first-child{border-left: none}
.tab_terms ul li a {position: relative;display:table-cell;width:100%;padding:0;text-align:center;vertical-align:middle;font-size:18px;font-weight:600;color:#333;background:#ededed;letter-spacing:-0.9px;word-break:break-all}
.tab_terms ul li a.active,
.tab_terms ul li a:hover {background:#004299;color:#fff}

/* 개인정보보호정책 */
.terms_title {width:100%;padding:100px 0;border-bottom:1px solid #ededed;}
.terms_title .tit {font-size:48px;line-height:48px;text-align:center}
.terms_title .subtit {margin-top:18px;font-size:18px;line-height:18px;text-align:center}
.terms_content{margin:50px auto 50px;font-family: 'Noto Sans KR'; font-size:14px;line-height: 1.6;letter-spacing:-0.6px;word-break: break-all;} 
.terms_content h4, .terms_content h5 {color:#212121}
.terms_content h4 {margin-top:50px;font-size:17px;font-weight:600;text-align:center}
.terms_content h5 {font-size:15px;margin-top:41px}
.terms_content h5+p{margin-top:13px}
.terms_content h4+h5{margin-top:11px}
.terms_content li{margin:13px 0 0 27px;position:relative;}
.terms_content li em{position:absolute;top:0;left:-27px}
.terms_content li table{width:756px;margin-left:-27px}
.terms_content li li{margin:3px 0 0}
.terms_content li ul li{padding-left:10px;background:url(../../common/Images/common/bu_desc8.png) 0 7px no-repeat}
.terms_content li ul.nobul li{padding-left:0;background:none}
.terms_content li ol ol{margin-left:16px}
.terms_content dl{margin-top:8px}
.terms_content dt{margin-bottom:3px;padding-left:10px;background:url(../../common/Images/common/bu_desc8.png) 0 7px no-repeat}
.terms_content dd{margin-left:10px}
.terms_content table{width:100%;margin:25px 0 15px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6}
.terms_content table caption {display:none}
.terms_content th,
.terms_content td{padding:8px 30px 6px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;text-align:center; word-break: keep-all;}
.terms_content th{background-color:#f5f5f5}
.terms_content td ul{margin:5px 0}
.terms_content td li{margin:3px 0 0;padding-left:10px;background:url(../../common/Images/common/bu_desc8.png) 0 7px no-repeat;text-align: left;}
.terms_content table.charge th,
.terms_content table.charge td{padding:8px 15px 6px;font-size:13px}
.terms_content table.charge td li{text-align:left;font-size:13px;padding-left:0;background:none}
.terms_content table.charge td li em{position:static;display:inline-block;width:50px;vertical-align:middle}
.terms_content .top:after{content:'';display:block;clear:both}
.terms_content .top p{margin-top:7px}
.terms_content .top ol{float:left;width:50%;margin-top:16px}
.terms_content .top li{margin:7px 0 0}
.terms_content .top li em{position:static}
.terms_content .top li a{color:#212121}
.terms_content .column-2{width:auto}
.terms_content .column-2:after{content:'';display:block;clear:both}
.terms_content .column-2 table{float:left;width:50%}
.terms_content .column-2 table:nth-of-type(2){border-left-width:0}
.terms_content .column-2 th{background-color:#f5f5f5 !important}
.terms_content .column-2 td{text-align:left}



/* 태플릿용 */
@media screen and (max-width:768px){

	html {font-size:14px}

	/* 탭 */ 
	.tab_terms ul li {width:50%;height:58px;}
	.tab_terms ul li a {font-size:16px}
	
	/* etc */
	.terms_content .top ol {width: 100%}
	.terms_content li table {width:100%;margin-left: 0}
	.terms_content th, .terms_content td {padding: 4px 8px 3px}

	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	/* 탭 */ 
	.tab_terms {margin-top:52px}
	.tab_terms ul li {height:54px;}
		
	.terms_title {padding:90px 0 40px;}
	.terms_title .tit {font-size:38px;line-height:38px}
	.terms_title .subtit {font-size:16px;line-height:22px}

	}
	


@media screen and (max-width:320px){
		
	.terms_title {padding:40px 0;}
	.terms_title .tit {font-size:32px;line-height:3 2px}
	.terms_title .subtit {font-size:14px;line-height:14px;}

	}

