/* layout */
#wrapTab {width: 100%; height: calc(100% - 95px); margin-top: 95px;}
#wrap {width: 100%; height: 100%;}

html.fix {position: fixed; left: 0; right: 0; overflow: hidden; margin: 0 auto;}

* {box-sizing: border-box; user-select: none; -webkit-text-size-adjust: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
html {width: 100%; height: 100%; font-size: 62.5%;}
body {
	width: 100%; 
	height: 100%;
	margin: 0;
	padding: 0;
	color: #111;
	background-color: #fff;
	font-family: "Montserrat", "Noto Sans KR", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
    -webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6 {font-size: 1.6rem;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {
	margin: 0;
	padding: 0;
}

ul, ol {list-style: none;}
a:link, a:visited, a:active, a:hover {color: #2a84f4; text-decoration: none; outline: none;}
a {-webkit-tap-highlight-color: transparent;}

input, select, button, textarea {padding: 0; font-family: "Montserrat", "Noto Sans KR", sans-serif; font-size: inherit; border: none; outline: none; border-radius: 0;}   
button {background-color: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent;}

.privacy_wrap {overflow-y: scroll; width: 100%; height: 100%; margin: 0 auto; padding: 0px 20px 24px; letter-spacing: -0.01em;}
.privacy_wrap::-scrollbar {display:none;}
.privacy_wrap::-webkit-scrollbar {display:none;}
.privacy_wrap p {font-size: 14px; letter-spacing: -0.01em; word-break: keep-all; color: #000;}
.privacy_wrap .section {padding-top: 40px;}
.privacy_wrap .section_top {padding-top: 0;}
.privacy_wrap .section_top .txt {position: relative; padding: 0 0 0 15px; line-height: 1.764705; font-weight: 300;}
.privacy_wrap .section_top .txt:before {display: block; position: absolute; top: 0; left: 0; line-height: 1.764705; font-weight: 300; color: #000; content: '-';}
.privacy_wrap .section_top .txt + .txt {margin-top: 12px;}
.privacy_wrap .section .section_top_title {display: block; margin: 0 0 10px; line-height: 1.6; font-size: 1.8rem; font-weight: 400; color: #222; letter-spacing: -0.03em; word-break: keep-all;}
.privacy_wrap .section .section_title {display: block; margin: 0 0 26px; line-height: 1.6; font-size: 2.0rem; font-weight: 500; color: #222; letter-spacing: -0.03em; word-break: keep-all;}

body {font-family: "¸¼Àº °íµñ", -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Helvetica Neue', Helvetica, Arial, Dotum, 'µ¸¿ò', sans-serif; font-size:10.0pt;}
p {margin: 0 0 10px;}

.list {padding-left: 10pt; text-indent: -10pt;}
.list20 {padding-left: 20pt; text-indent: -20pt;}
.list14 {padding-left: 14pt; text-indent: -14pt;}
.section_title {font-weight: bold;}

.section_top_section_title {display: block; line-height: 2em;}
.section_section_title {display: block; line-height: 2em;}

.tab01 {margin-left: 10pt;}


.title {font-size: 25px; text-align: center; margin: 20px 0 30px; font-weight: 800;}
.section {padding-bottom: 10pt;}
.section .table { border-collapse: collapse; border-top: 3px solid #168; font-size:11px; width: calc(100% - 20px); margin: 10px;}  
.section .table th { color: #168; background: #f0f6f9; text-align: center;}
.section .table th, .table td { padding: 5px; border: 1px solid #ddd;}
.section .deps1 {margin: 10px 0; line-height: 20px;}
.section .deps2 {padding-left: 15px; margin: 0 0 8px 0;}
.section .deps3 {padding-left: 30px; margin: 0 0 8px 0;}
.section .tight {margin: 0 0 3px 0;}

#layer						{display: none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:110;}
#layer .bg					{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}
#layer .pop-layer			{display:block;}
.pop-layer					{display: none; position: fixed; top: 15%; left: 50%; width: 500px; background-color:#fff; z-index: 10000; }
.pop-layer h2.popTit		{background:#2898c4; height:60px; font:18px/60px 'NanumGothicBold'; color:#fff; padding-left:20px;}
.pop-layer .pop-container	{padding:20px; overflow-y: scroll; height: 400px; }
.pop-layer .popClose		{position:absolute; right:0; top:0; width:60px;}

.tabList {height: 5rem; display: block; border-bottom: 1px solid #e8e8e8; }
.tabList .tab{height: 5rem; display: block;/* padding: 0 1rem;*/ border-bottom: 1px solid #e8e8e8; }
.tab li{float:left; width:50%; margin: 0; height: 100%; background: #fff;}
.tab li a {display:block; color:#999; font-size: 15px; text-align:center; padding:1.5rem 0; /*font-size:1.5rem;*/ height: 100%; position: relative; line-height: 2rem; letter-spacing: -0.5px}
.tab li.selected a { color: #2761ff; font-size: 15px; font-weight: 500; }
.tab li.selected a:after {content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; background: #2761ff; left: 0;}
.tab li.selected a span{color:#f6ff00}

.terms_top {position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 95px; padding: 55px 20px 0; background-color: #fff; z-index: 1;}
.terms_top .terms_top_title {font-size: 21px; font-weight: 500; color: #222;}
.terms_top .btn_terms_close {display: block; position: absolute; top: 13px; right: 13px; width: 30px; height: 30px; text-indent: -9999px; background: url(/apti/images/close_btn.png) no-repeat center center / 30px;}

.terms_wrap {padding: 0 20px;}
.terms_wrap .section_top {padding: 10px 0 0;}